【原】《DIV+CSS商业案例与网页布局开发精讲》读书笔记(2)

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的优先级：

行间调用优先级最高、内部调用次之、外部调用最低。

 1  < html >
 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

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >  

2）严格的DTD

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >  

3）框架的DTD

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd" >