大三上学期网页设计.pdfVIP

CSS——崭新的“老技术”

CSS带来的好处：

CSS使页面载入更快；

CSS可以降低的流量费用；

CSS使设计师在修改设计时更有效率，而代价更低；

CSS使整个站点保持视觉的一致性；

CSS使站点可以更好地被搜索引擎找到；

CSS使站点对浏览者和浏览器更具亲和力；

在世界上越来越多人采用Web标准时，掌握CSS可

以提高设计师的职场竞争实力。

▪HTML与CSS的关系

▪HTML与XHTML

▪DOCTYPE（文档类型）的含义与选择

▪!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0

Transitional//EN

▪

▪htmlxmlns=

▪head

▪……

▪……

▪XHTML与HTML的重要区别

1.在XHTML中标记名称必须小写

2.在XHTML中属性名称必须小写

3.在XHTML中标记必须严格严格嵌套

4.在XHTML中标记必须封闭

5.在XHTML中，即使是空元素的标记也必须封闭

6.在XHTML中属性值用双引号括起来

7.在XHTML中属性值必须使用完整形式

8.在XHTML中，应该区分“内容标记”与“结构标记”

▪在HTML中引入CSS的方法

行内式

h1style=color:white;background-color:blue

ThisisalineofText./h1

内嵌式

styletype=text/css

h1{

color:white;

background-color:blue

}

/style

第1课(X)HTML与CSS基础

▪在HTML中引入CSS的方法

导入式

styletype=text/css

@importmystyle.css;

/style

式

linkhref=mystyle.cssrel=stylesheet

type=text/css/

▪基本CSS选择器

含义和作用

标记选择器

类别选择器

ID选择器

h1{color:red;font-size:25px;}

选择器属性值属性值

▪CSS的继承特性(13~15.htm)

html

head