lh_lh_24

CSS

HTML(10) JavaScript(67) OpenLayer(4) TypeScript(1) Vue(28) 前端工程化(14) 数据结构(2) 浏览器(12) 算法(28) 计算机网络(19)

/ 注册

全部文章 / CSS （共34篇）

CSS 实现单行文本、多行文本溢出显示省略号来自专栏

CSS 实现单行文本、多行文本溢出显示省略号 1. 单行文本 <input class='box' value='CSS 实现单行文本溢出显示CSS 实现单行文本溢出显示CSS 实现单行文本溢出显示CSS 实现单行文本溢出显示CSS 实现单行文本溢出显示CSS 实现单行文本溢出显示CSS 实现...

前端 CSS

2021-08-14

1 735

float 布局高度坍塌问题（08.13）

float 布局高度坍塌问题（08.13） 1. 父容器高度坍塌问题导致的原因浮动元素脱离文档流，使包含它的无高度样式的父容器感知不到其存在而发生内容无法撑开高度的现象代码 <div class='ct'> <div class='a'></div...

前端 CSS Flex

2021-08-13

1 523

px、em和rem 来自专栏

px、em和rem 参考：https://www.cnblogs.com/webdragon/p/11185979.html https://www.runoob.com/w3cnote/px-em-rem-different.html 1. 三者的区别（1）px 是固定的像素，一旦设置了就无...

前端 CSS

2021-08-09

1 469

BFC 来自专栏

BFC 参考：https://zhuanlan.zhihu.com/p/25321647 1. 常见定位方案在讲 BFC 之前，我们先来了解一下常见的定位方案，定位方案是控制元素的布局，有三种常见方案: 普通流 (normal flow) 在普通流中，元素按照其在 HTML 中的先后位置...

前端 CSS BFC

2021-08-07

2 466

CSS 画一条0.5px的线来自专栏

CSS 画一条0.5px的线 1. meta viewport <meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-sca...

前端 CSS

2021-08-07

1 1442

常见图片格式的区别来自专栏

常见图片格式的区别参考：https://zhuanlan.zhihu.com/p/143649897 1. JPG格式 JPEG格式，也叫做JPG或JPE格式，是最常用的一种文件格式，Photoshop“存储为”命令中默认的图片格式就是JPEG，大部分手机相机拍照的照片也是JPE格式。 JPE...

前端 CSS

2021-08-07

1 976

flex:1代表什么来自专栏

flex:1 代表什么参考：https://zhuanlan.zhihu.com/p/136223806 代码1 <div class="container"> <div class="div">我是一个div</div...

前端 CSS Flex

2021-07-20

1 872

重绘和重排来自专栏

重绘和重排 1. 重绘重绘（repaint 或redraw）：当盒子的位置、大小以及其他属性，例如颜色、字体大小等都确定下来之后，浏览器便把这些原色都按照各自的特性绘制一遍，将内容呈现在页面上。重绘是指一个元素外观的改变所触发的浏览器行为，浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。 ...

前端 CSS

2021-07-20

1 568

CSS 渲染原理来自专栏

CSS 渲染原理参考：https://www.jianshu.com/p/9c71c70be3dc 1. CSS 渲染规则 css的渲染规则，是从上到下，从右到左渲染的。 .main h4 a { font-size: 14px; } 渲染过程是这样的：首先先找到所有的 a，沿着 a 的父元素...

前端 CSS

2021-07-20

1 868

CSS 两栏布局来自专栏

CSS 两栏布局左栏宽度固定，右栏自适应 1. float + margin-left 左侧使用 float ，右侧 margin-left 原理：因为 float 就脱离文档流了，右侧会挤到左侧的位置上，所以需要 margin-left。margin-left要等于 float 的宽度。 &...

前端 CSS 布局

2021-07-19

1 511