css-01

后代选择器也称包含选择器，用来选择特定元素的后代。如.unborn li{ }
后代包括儿子，孙子，只要是放在指定标签的后代都是

子代选择器使用’ > '表示，如ul>li{ }，只会查找儿子，不会查找其他被嵌套的标签。
相邻选择器 div+p
通配符选择器 * {padding:0} 也达到了初始化标签的作用 不同浏览器对相同的标签默认值是不同的
属性选择器 div[title=“com”]
css link和@import区别用法
首页link和import语法结构不同，前者是html标签，只能放入html源代码中使用，后者可看作为css样式，作用是引入css样式功能。import在html使用时候需要

本质上两者使用选择区别不大，但为了软件中编辑布局网页html代码，一般使用link较多，也推荐使用link。
link是xhtml标签，除了加载css文件外，还可以加载RSS等其他事务，如加载模板等
@import只能加载css文件
用link引入css。在页面载入时同时加载，即同步加载
用@import引用css,则需要等到网页完全载入后，再加载css文件，即异步加载

overflow：hidden作用
1、overflow:hidden超出部分隐藏。 2、overflow:hidden清除浮动。3、overflow:hidden解决外边距塌陷。

overflow的用法：
overflow：hidden溢出隐藏
overflow：scroll显示滚动条
overflow：auto超出显示滚动条

css中clear:both属性的作用是清除浮动，设置了浮动就会破坏文档流结构，影响后边的布局，此时在设置清除浮动便可解决这一问题，可以认为，设置了clear:both的当前元素会把前边元素中设有浮动属性的元素，当做没设浮动一样来看待，以此来消除其对自己的影响

clearfix 是一种 CSS 技巧，可以在不添加新的 html 标签的前提下，解决让父元素包含浮动的子元素的问题 ，这个也是 Bootstrap 采用的方案

.clearfix : : after{
content: “”;
display: block;
clear: both;
}
.clearfix : after{
content: “”;
display: block;
clear: both;
}
提醒，如果你的⽹站只需要兼容webkit内核、firefox、opera等浏览器，建议对于伪元素采⽤双冒号的写法，如果不得不兼容IE浏览器，还是⽤CSS2的单冒号写法⽐较安全

什么是BFC
一个块格式化上下文（block formatting context） 是Web页面的可视化CSS渲染出的一部分。它是块级盒布局出现的区域，也是浮动层元素进行交互的区域。

伪类 用来选择DOM树之外的信息不能够被普通选择器选择的文档之外的元素，用来添加一些选择器的特殊效果。基于文档之外的抽象，所以叫伪类
比如:hover :active :visited :link :visited :first-child :focus :lang等

伪元素DOM树没有定义的虚拟元素
核心就是需要创建通常不存在于文档中的元素,比如::before ::after

css3规范
伪类和伪元素都是用来表示文档树以外的"元素"。
伪类和伪元素分别用单冒号:和双冒号::来表示。
相同之处:
伪类和伪元素都不出现在源文件和DOM树中。也就是说在htm|源文件中:是看不到伪类和伪元素的。
不同之处:
伪类其实就是基于普通DOM元素而产生的不同状态，他是DOM元素的某一特征。
伪元素能够创建在DOM树中不存在的抽象对象，而且这些抽象对象是能够访问到的。

CSS的继承，为了方便辨识，与字体相关的样式通常可以继承 ，与尺寸相关的样式通常不能继承