【品牌型网站建设】定义同类标签的样式 -网络营销推广_网站建设设计

【品牌型网站建设】定义同类标签的样式

发表日期：2018-11-13 06:46:05

【品牌型网站建设】

2．class类选择符

(1)定义同类标签的样式

用类选择符能够把相同的标签分类定义为不同的样式。例如，如果希望同一种标签(如<p》在不同的地方使用不同的样式（一个段落向右对齐，一个段落居中），就可以先定义两个类，在应用时只要在标签中指定它属于哪一个类，就可以使用该类的样式了。其格式为： <style type="text/css"> <!．．

标签1．类名称l{属性：属性值；属性：属性值…}

标签2．类名称2{属性：属性值；属性：属性值…）

标签栉．类名称即{属性：属性值；属性：属性值…}

一>

<／style>

“标签，z．类名称”仍然称为选择符。“类名称”为定义类的选择符名称，类名称可以是任意英文单词组合或者以英文字母开头的英文字母与数字的组合，一般根据其功能和效果简要·98·命名。其适用范围为整个HTML文档中所有由类选择符所引用的设置。“标签”名称可以用HTML的标签。

(2)定义不同类标签的样式

还有一种用法，在选择符中省略HTML“标签”名，这样可以把几个不同的标签定义成相同的样式。其格式为：

<!一

．类名称1{属性：属性值；属性：属性值…）

．类名称2{属性：属性值；属性：属性值…}

．类名称H{属性：属性值；属性：属性值…）

</style>

有无“标签”的区别在于，若在定义class类选择符前加上HTML的标签，则其适用范围将只限于该标签所包含的内容。这种省略HTML标签的类选择符是最常用的定义方法，使用这种方法，可以很方便地在任意标签上套用预先定义好的类样式。

使用class类选择符时，需要使用英文“，”（点号）进行标识。示例代码如下：

.redf

color:red：

)

应用class类选择符的代码如下：

<p class=”red”>红色的文字段落</p>

400-611-0508

全方位的营销咨询
精准的解决方案
一对一贴心服务