1.CSS基本语法:包括3个方面,选择器、属性、属性值。
选择器 { 属性 : 属性值; }
注意:
1)属性必须包含在{}中。
2)属性和属性值之间用:分隔。
3)多个属性时,用;进行区分。
4)书写属性时,属性之间使用空格、换行等不影响属性的显示。
5)一个属性有多个属性值,每个属性值之间用空格分隔开。
2.CSS的调用方式:
包括3种,行间调用(元素中直接定义样式)、内部调用(页面中定义样式)和外部调用(单独写样式文件被调用)。
3.行间调用:
<元素名称 style="属性:属性值"></元素名称>
4.内部调用:
<style>
选择器 { 属性 : 属性值; }
</style>
调用时,根据不同的内容,写法不同。
1)<元素名称 class="类选择器名称"></元素名称>
2)<元素名称 id="id选择器名称"></元素名称>
5.外部调用:
1)使用link元素调用
<link rel="stylesheet" href="css文件路径" type="text/css">
2)使用@improt调用
<style type="text/css">@import url(css文件路径)</style>
6.应用CSS的优先级:
行间调用优先级最高、内部调用次之、外部调用最低。
2 <head>
3 <style>
4 div {
5 color:red;
6 background:green;
7 }
8
9 span {
10 color:red;
11 background:green;
12 }
13 </style>
14 </head>
15 <body>
16 <div style="background:red;color:green;">CSS优先级</div>
17 <span>CSS优先级</span>
18 </body>
19 </html>
7.DOCTYPE:Document Type(文档类型)的缩写。用以制定页面所使用的XHTML或HTML的版本。
8.DOCTYPE的选择:
在XHTML1.0中有3种DTD(文档类型定义),分别为过渡的(Transitional)、严格的(Strict)和框架的(Frameset)。
1)过渡的DTD
2)严格的DTD