新手入门：从基础学习网页CSS实用教程(2)

四．层叠样式表的分类

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

　　选择符.类别名 {属性：值}
　　类别名将可以在HTML的标识符里引用：
　　<标识符 class=类别名>网页内容

五．层叠样式表的伪类

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

　　一般地说，选择符可以和多个类采用捆绑的形式来设定，这样虽然能够为同一个选择符创建多种不同的样式，但捆绑的形式同时也限制了设定的类为其它的选择符所使用。伪类的产生就是为了解决这个问题，每个预声明的伪类都可以被所有的HTML标识符引用，当然有些块级内容的设置除外。基本格式如下：

　　.伪类名 {属性：值}
　　伪类可以被任何标识符在HTML里引用。
　　<标识符 class=伪类名>网页内容

六．控制字体的样式

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

　　1．字体类型

　　平时在使用WORD之类的字处理软件的时候，经常需要调整字体的显示，比如说“Arial”、“Impact”、“Verdana”等字体都是笔者使用的较多的。

　　基本格式如下：

　　font-family: 字体名称

　　如果在font-family后加上多种字体的名称，浏览器回按字体名称的顺序逐一在用户的计算机里寻找已经安装的字体，一旦遇到与要求的相匹配的字体，就按这种字体显示网页内容，并停止搜索；如果不匹配就继续搜索，直到找到为止，万一样式表里的所有字体都没有安装的话，浏览器就会用自己默认的字体来替代显示网页的内容。

　　注意：
　　　　·当指定多种字体时，用“，”分隔每种字体名称。
　　　　·当字体名称包含两个以上分开的单词时，用“”把该字体名称括起来。
　　　　·当样式规则外已经有“”时，用‘’代替“”。

　　2．字体大小

　　基本格式如下：

　　font-size: 字号参数

　　字号的取值范围：
　　　　·以Point为单位：点单位在所有的浏览器和操作平台上都适用
　　　　·以Em为单位：指字母要素的尺寸，和Point相同距离
　　　　·以Pixes为单位：像素可以使用于所有的操作平台，但可能会因为浏览者的屏幕分辨率不同，而造成显示上的效果差异
　　　　·以in（英寸）为单位
　　　　·以cm（厘米）为单位
　　　　·以mm（毫米）为单位
　　　　·以pc（打印机的字体大小）为单位
　　　　·以ex（x-height）为单位
　　　　·smaller：比当前文字的默认大小更小一号
　　　　·larger：比当前文字的默认大小更小大号
　　　　·使用比例关系
　　　　·xx-small
　　　　·x-small
　　　　·small
　　　　·medium
　　　　·large
　　　　·x-large
　　　　·xx-large

　　3．字体风格

　　字体风格只能控制各种斜体字的显示。

　　基本格式如下：

font-style: 斜体字的名称

　　4．字体粗细

　　字体粗细控制粗体字的显示，取值范围从数字100~900，浏览器默认的字体粗细为400。另外可以通过参数lighter和bolder使得字体在原有基础上显得更细或更粗些。

　　基本格式如下：

　　 font-weight: 字体粗细

关键词：

【推荐给好友】【关闭】

最新五条评论

查看全部评论

评论总数 0 条

您的评论

用户名： （新注册） 密　码： 匿名：

·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯，提倡就事论事，杜绝漫骂和人身攻击等不文明行为

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有