当前位置:Gxlcms > html代码 > 【原】《DIV+CSS商业案例与网页布局开发精讲》读书笔记(2)_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:14人阅读

1.CSS基本语法:包括3个方面,选择器、属性、属性值。

选择器 { 属性 : 属性值; }

注意:

1)属性必须包含在{}中。

2)属性和属性值之间用:分隔。

3)多个属性时,用;进行区分。

4)书写属性时,属性之间使用空格、换行等不影响属性的显示。

5)一个属性有多个属性值,每个属性值之间用空格分隔开。

2.CSS的调用方式:

包括3种,行间调用(元素中直接定义样式)、内部调用(页面中定义样式)和外部调用(单独写样式文件被调用)。

3.行间调用:

<元素名称 style="属性:属性值">

4.内部调用:

调用时,根据不同的内容,写法不同。

1)<元素名称 class="类选择器名称">

2)<元素名称 id="id选择器名称">

5.外部调用:

1)使用link元素调用

2)使用@improt调用

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
14
15 < body >
16 < div style ="background:red;color:green;" > CSS优先级
17 < span > CSS优先级
18
19

7.DOCTYPE:Document Type(文档类型)的缩写。用以制定页面所使用的XHTML或HTML的版本。

8.DOCTYPE的选择:

在XHTML1.0中有3种DTD(文档类型定义),分别为过渡的(Transitional)、严格的(Strict)和框架的(Frameset)。

1)过渡的DTD

2)严格的DTD

3)框架的DTD

人气教程排行