关于CSS的一些小知识

学习css的第一天

css又被称为层叠样式表 csscading style sheet主要是因为他的就近原则和后面写的会把前面写的覆盖掉，当同时有内联，内部，外部CSS样式表时，当中的相同元素，内联样式表中的会成为最终样式。

css的四种样式表

• 内联样式表： css <span style="color: #f00;">

• 内部样式表： <style>....</style>

• 外部样式表: 通过标签将css文件加载到HTML文档中的一 种形式<link rel="stylesheet" href="xxx.css"

• 导入样式表 @import
  缺点

• 每多引入一个 CSS 文件就会对服务器增加一次链接请求，当访问量较大需在维护性和性能上进行权衡

• @import 需要页面完全载入后加载，如果网页足够大则可能出现闪烁，也就是在漫长的无样式网页加载后，CSS 样式才开始加载。

**ps:**一个元素可以有多个class

1. **文档流:**页面元素是从上到下，从左到右排列
2. **float浮动:**添加了浮动的元素会脱离文档流显示
3. 浮动后的块级元素不独占一行，行内元素可以设置宽高
4. 清除浮动的方法:
   添加空白div并设置clearboth
   父级元素添加overflow:hidden
   再::after中添加overflow:hidden

浮动会导致父元素高度消失