{*合肥民工*}的学习记录

如烟花般暂放?如烟花般绽放?

博客园 首页 新随笔 联系 订阅 管理

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"> 
posted on 2011-06-18 23:35  zhujiahai  阅读(518)  评论(0编辑  收藏  举报