CSS
文章平均质量分 52
Cipuzp
这个作者很懒,什么都没留下…
展开
-
详解浮动
详解浮动1. 浮动元素处于什么样的流?《CSS 权威指南》中说,浮动元素同时处于(常规)流内和流外如何理解?浮动元素不影响块级元素的布局(换句话说就是块级元素会当浮动元素不存在)浮动元素会影响行内元素的布局,从而间接影响块级元素的布局2. 浮动与定位不能一起用如果一起使用,浮动失效、定位生效但是浮动与相对定位可以一起使用3. 浮动元素的摆放方式尽量靠上尽量靠左...转载 2018-11-05 17:34:45 · 313 阅读 · 1 评论 -
盒模型
2. CSS盒模型2.1 说说盒模型2.1.1 标准模型和 IE 模型的区别W3C 标准盒模型:属性 width,height 只包含内容content,不包含 border 和 padding。IE 盒模型:属性 width,height 包含 border 和 padding,指的是content+padding+border。2.1.2 盒模型计算方式:box-sizing...原创 2018-11-11 14:20:59 · 135 阅读 · 0 评论 -
CSS实现水平居中
CSS实现水平居中2.2 如何居中?2.2.1 行内元素给其父元素设置 text-align:center,即可实现行内元素水平居中。2.2.2 块级元素该元素设置 margin:0 auto 即可。2.2.3 为了让包含 float:left 属性的子元素水平居中则可让父元素宽度设置为 fit-content,并且配合 margin, 作如下设置:.parent { widt...转载 2018-11-11 14:44:05 · 305 阅读 · 0 评论 -
Normalize vs Reset
2. Normalize vs Reset2.3 css reset 和 normalize.css 有什么区别?2.3.1 创造 normalize.css 的几个目的保护有用的浏览器默认样式而不是完全去掉它们一般化的样式:为大部分 HTML 元素提供修复浏览器自身的 bug 并保证各浏览器的一致性优化 CSS 可用性:用一些小技巧解释代码:用注释和详细的文档来2.3.2 N...原创 2018-11-11 15:00:57 · 189 阅读 · 0 评论 -
CSS选择器优先级
2.4 选择器优先级如何确定?2.4.1 比较同一级别的个数,数量多的优先级高important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 通配符 > 继承权值的大小跟选择器的类型和数量有关,样式的优先级跟样式的定义顺序有关这也就解释了为什么 11 个标签的定义会比不上 1 个类的定义,1 个类加 11 个原创 2018-11-11 15:19:13 · 235 阅读 · 0 评论 -
BFC 是什么
BFC 是什么2.5 BFC 是什么?参考自前端精选文摘:BFC 神奇背后的原理2.5.1 在解释 BFC 是什么之前,需要先介绍 Box、Formatting Context 的概念。Box: CSS 布局的基本单位Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性,决定了这个 Box 的类型。 不...转载 2018-11-12 17:22:24 · 234 阅读 · 0 评论 -
如何清除浮动
清除浮动的几种方式2.6 何为清除浮动?在非 IE 浏览器(如 Firefox)下,当容器的高度为 auto,且容器的内容中有浮动(float 为 left 或 right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进行的 CSS 处理,就叫 CSS 清除浮动。浮动的定义:...原创 2018-11-12 17:25:02 · 197 阅读 · 0 评论