我爱吃大饼

一、基本选择器序号    选择器  含义  *   通用元素选择器，匹配任何元素，用*号引用 E   标签选择器，匹配所有使用E标签的元素 E,.name,#ID  .name  class选择器使用（.），匹配所有class属性中包含name的元素  #nameID id选择器使用（#），一个页面ID的名字是唯一的 E,F 多元素选择器（群组选择器），同时匹配所有E元素或F元素，E和F之间

1.使用伪元素清除浮动.box::after{ content: " "; clear: both; display: block;}.left,.right{ width:100px; height: 100px; background:#388bff; float: left;}2.使用overflow:hidden 清除浮动.box{ overflow

CSS选择器优先级是指“基础选择器” 的优先级， 如下ID>CLASS>元素>*important>内联>ID>类>标签|伪类|属性选择器>伪元素>继承>通配符优先级数值比较： 以数值大的为准记住以下四个然后进行计算选择器特殊性（abcd）优先级style=“”1,0,0,01000#w

介绍Flexbox(伸缩布局盒) 是 CSS3 中一个新的布局模式，为了现代网络中更为复杂的网页需求而设计。本文将介绍 Flexbox 语法的技术细节。浏览器的支持越来越快，所以当 Flexbox 被广泛支持并应用时你将会快人一步。如果你想知道它是什么并是如何工作的，不妨仔细了解下吧！为什么需要伸缩布局盒(Flexbox)？作者长期以来使用表格、浮动、行