样式表

Posted 2020-11-19 qlongbg

html5之前的html4这些版本都是html和css写在一起，都写在html中的，这样一来就会显的代码臃肿和无法复用

html5的样式表一共是有4种的，但是第四种现在已经基本不用了，所以在这里主要介绍以下3种：

1.外部样式表

所谓的外部样式表就是将css代码写在一个独立的文件中，用link标签来进行引用

也就是html5说的css与html相互独立

2.内部样式表

内部样式表就是将css代码写在html中，用<style type="text/css">元素{}</style>来添加样式，style标签通常写在head中，方便检阅和修改

在某些时候可以提升效率（比如测试时）

3.行内样式表

行内样式表是指将css代码写在某个元素开始标签的style属性中，这样会减少选择器的使用

在某些时候可以提升效率（比如测试时）

 

这里提到的选择器大致分3类：

1.元素选择器  

　　　　标记名{声明块}　　　　<p>元素内容</p>                        p{}

2.类选择器

　　　　.类名{声明块}　　　　<p class="first">元素内容</p>　　　　　　.first{}

3.id选择器（id值唯一）

　　　　#id值{声明块}　　　　<P id="second">元素内容</p>　　　　　　#second{}