摘要：body,div{margin:0px;padding:0px;} .flex-container{display:flex;height:300px;background-color:#ddd;justify-content:center;align-items:center;} .item{padding:6px;width:200px;height:200px;} .item1{backg... 阅读全文

摘要：一、使用display:flex;实现两栏布局 二、使用display:flex;实现三栏布局 阅读全文

摘要：近期学习，有很多感想，有时候看似相近的概念，其实意义却不相同。所以学习要针对不同的名词有明确的区分意识。 抽空时间，打算学习下display:flex;本以为就是一个小小的知识点，正式去研究的时候，才发现display:flex;有很多内容，能实现很多效果。比如三栏布局（左右两栏固定，中间栏自适应） 阅读全文

摘要：一、css定位 CSS 有三种基本的定位机制：普通流、浮动和绝对定位。 1.普通流：未专门指定的元素都在普通流中定位，position:static/relative;和float:none;也在普通流中定位。 2.绝对定位：position:absolute/fixed;元素框脱离普通文档流。 3 阅读全文

摘要：一、z-index z-index默认处于非激活状态，只有定位元素（即position:relative/absolute/fixed时）才会被激活。 z-index与层叠上下文关联。 当z-index相同（即层叠级别相同）的时候，遵循“后来者居上”的原则。 二、层叠上下文 以下两种情况，会创建层叠 阅读全文

摘要：什么是 Less？ Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、嵌套、函数等功能，让 CSS 更易编写、维护等。 本质上，Less 包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 C 阅读全文

摘要：外边距合并 当一个元素出现在另一个元素的上面时，第一个元素的下外边距和第二个元素的上外边距会产生合并，两个盒子之间的上下间距为大的数值。 当一个子元素包含在另外一个父元素（假设没有内边距 没有边框），他们的上外边距会发生合并也是取大的数值。 选择器的优先级顺序 ID(#id ID选择器) > Cla 阅读全文