CSS
- 选择器{属性:值;}
- 三种css样式:
- 内联式:标签内的style样式。
- 嵌入式:写在head中的
<style></style>
- 外部式:生成独立的css样式文件,在需要的页面内引入
内联式 > 嵌入式 > 外部式
,采用就近原则,主要是嵌入式和外部式,近者优先- 选择器:
- 标签选择器:在选择器的位置填入标签p,a,H1~H6等。
- 类选择器:.类选择器名称{css样式代码;}
<span class="类名/*随意,不为中文*/"></span>
- ID选择器:#ID{css样式代码}
<span id="ID"></span>
- ID选择器只能用一次,类选择器可以用多次
- 可以使用类选择器词列表方法为一个元素同时设置多个样式
<span class="A B"></span>
- 子选择器:.类选择器名称 > 标签名(第一代子元素)
- 后代选择器:.类选择器名称 空格 标签名(所有后代元素)
- 通用选择器:*{css样式代码}
- 伪类选择器:允许给不存在的样式或者标签的状态设置样式,
a:hover{color:red;}
最常见的样式鼠标划过后变色。 - 分组选择器:不同的标签具有相同的样式