一、样式表的分类,根据样式表所在的位置分类
1.内联的,如 <div style="color:red>" 是写在标签名内部的,
特点是控制精确,但是会代码冗余,代码重用性差。
2.内嵌的,写在<head></head>里的,<style type="text/css">样式表</style> ,
特点是控制精确不如内联,代码重用性较高。
3.外部样式表,一个单独的样式文件,通过在head里用<link href="xx.css" rel="stylesheet" type="text/css">来引用,或者在head区域内直接右键点击添加CSS样式表,
特点是控制最不精确,但是代码重用性最好。
优先级:内联的>内嵌的和外部样式表,内嵌的和外部样式表只有先后的关系,没有谁的优先级高的关系,
二、选择器,在样式表里使用, 是用来找到标签以方便给元素添加样式的
1. # 选择器,代表通过id选择,#aa 就表示id名为aa的元素,
id的命名不能以数字开头,id是唯一的不可重复的,同一网页不能出现同样的id名。
2. . 选择器,代表通过class选择, .bb 就表示class名为bb的元素,
class名是可以重复出现的,所以通过class选择器可以一次性选中多个元素。
3. 标签名选择器,直接写标签名,代表选中选中所有的该标签元素。
4. * 选择器,选择网页里所有的元素。
选择器的优先级:id>class>标签名>* ,即精确程度越高则优先级越高。
组合选择器:
,代表并列关系,#aa,#cc 代表选中id为aa和id为cc的元素,
空格代表后代关系,#aa img 代表选中id为aa的元素里面的img标签,
.代表用class名筛选,一般不用。