1. Css样式表分类(按照样式表书写位置)
(1)内部样式表
内部样式表是写在HTML的<head></head>里面的。内部样式表只对所在的网页有效。
(2)外部样式表
首先要对整个外观定义一个CSS文件(扩展名为·css),然后通过链接来使用,一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中
(3)行间样式表
行间样式表是指将CSS样式编码写在HTML标签中,格式如下
<h1 style="font-size:12px;color:#000FFF">
我的CSS样式。
</h1>
行间样式表由HTML元素的HTML元素的style支持,只需将CSS代码用分号隔开写在style=""之中。这是最基本的形式,但是它没有实现表现与内容分离且不能灵活的控制多个页面所以我们只是在调试CSS代码的时候使用。
2.Css样式表分类(按照样式表作用域)
(1) 标签选择器
以标签名开头,作用于本文件中的所有该标签,如:
p{
color:#F3C
}
(2) class选择器
以 .类名 的形式命名,可以重复使用
(3) ID选择器
以 #id 形式命名,作用于所有的该ID的标签
#my{
color:#C09
(4) 复合选择器
伪类选择器: a:hover 等
群组选择器: 一次性选择一组内容,用逗号隔开 如 a,h3,p
标签指定选择器: 如p.a 选择类为a的P标签
包含选择器: 使用空格连接嵌套,含义是xxx里面的xxx
如: #top a{
} 表示id为top的标签里的a标签
兄弟相邻选择器 以+号隔开 如 h1+p
属性选择器 以中括号隔开如 p[src] 表示有src属性的p标签
通配符选择器 * 表示统统选中