HTML5学习_day10(2)--css文件书写格式

css文件书写格式

1.尽量将样式写在一个单独的css文件里面，在head里面去引用

1)实现了内容与样式的分离，

2）减少了页面的体积

3）css文件可以被缓存，重用，维护成本低

(注意：css文件只加载一次，重新刷新页面时会在缓存里面找)

2.不要使用@import(这个也是可以调用css文件 但是是在style标签内使用 @import url(css路径);)

影响css文件的加载速度

3.避免使用复杂的选择器，层级越少越好

建议选择器乔涛不要超过三层

.head .logo .txt{}

可以写成

.head .logo_txt{}

<div class="head">

<div class="logo">

<div class="logo_txt"></div>

</div>

</div>

优点：

减少css文件的大小，提高页面的加载性能，浏览器解析更加高效，提高开发人员的开发效率，降低维护成本。

4.精简页面样式文件，去掉不用的样式

5.学会利用继承来减少css代码量

常见的集成样式属性：

color.font-size.font-family等

不可集成：

position,display,float等

6.命名规范

Div+CSS命名规范

（一）窗体

头：header　　

内容：content/container　　

尾：footer　　

导航：nav　　

侧栏：sideb