华中红客安全网3 css实用教程二.pdfVIP

*********************************************************

华中安全网

：

专业的技术站点的技术培训

规模最大、实力最强、信誉技术培训站点

注：本只做技术交流，请不要用作用途

*********************************************************

学习专业的技术请报名会员

讲师：默爱

课题：CSS系列课程第三课：CSS实用2

三．层叠样式表的格式

一般来说，样式表的分为选择符（selector）和块{}（block），块里包含属性（properties）和属性

的取值（value），基本格式如下：

选择符{属性：值}

其它格式1：

选择符1，选择符2，选择符3{属性1：值1；属性2：值2；属性3：值3}

有时候多个选择符将使用相同的设置，为了简化代码，我们可以为它们设置样式，并在多个选择符

之间加上“，”来分隔它们。

当有多个属性的时候，必须在两个属性之间用“；”来分隔。

其它格式2：

选择符1选择符2{属性1：值1；属性2：值2；属性3：值3}

和格式1非常相似，只是在选择符之间少加了“，”，但作用却大不相同。表示如果选择符2包括的内容同

时包括在选择符1里的时候，所设置的样式规则才起作用。

四．层叠样式表的分类

为了使网页的格式不过分的单调，必需让相同的选择符也能分类，并能按照不同的类别来进行不同的样式

设计。基本格式如下：

选择符.类别名{属性：值}

类别名将可以在HTML的标识符里：

标识符class=类别名网页内容

五．层叠样式表的伪类

除了上述的分类方式外，为了使分类的使用更灵活多样，又产生了伪类的概念。类和伪类有什么样的区别

呢？

一般地说，选择符可以和多个类采用的形式来设定，这样虽然能够为同一个选择符创建多种不同的样

式，但的形式同时也限制了设定的类为其它的选择符所使用。伪类的产生就是为了解决这个问题，每

个预的伪类都可以被所有的HTML标识符，当然有些块级内容的设置除外。基本格式如下：

.伪类名{属性：值}

伪类可以被任何标识符在HTML里。

标识符class=伪类名网页内容

六．控制字体的样式

控制字体的样式包括控制字体类型、字体大小、字体风格、字体粗细四个部分。

1．字体类型

平时在使用WORD之类的字处理软件的时候，经常需要调整字体的显示，比如说“Arial”、“Impact”、

“Verdana”等字体都是笔者使用的较多的。

基本格式如下：

font-family:字体名称

如果在font-family后加上多种字体的名称，浏览器回按字体名称的顺序逐一在用户的计算机里寻找已经

安装的字体，一旦遇到与要求的相匹配的字体，就按这种字体显示网页内容，并停止搜索；如果不匹配就

继续搜索，直到找到为止，万一样式表里的所有字体都没有安装的话，浏览器就会用自己默认的字体来替

代显示网页的内容。

注意：

·当指定多种字体时，用“，”分隔每种字体名称。

·当字体名称包含两个以上分开的单词时，用“”把该字体名称括起来。

·当样式规则外已经有“”时，用‘’代替“”。

2．字体大小

基本格式如下：

font-size:字号参数

字号的取值范围：

·以Point为单位：点单位在所有的浏览器和操作平台上都适用

·以Em为单位：指字母要素的尺寸，和Point相同距离

·以Pixes为单位：像素可以使用于所有的操作平台，但可能会因为浏览者的屏幕分辨率不同，而造成显

示上的效果差异

·以in