CSS id 和 class

CSS 可以使用 HTML 中的 id 和 class 属性作为选择器来设置 HTML 元素的样式

id 选择器

CSS id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式

HTML 元素以 id 属性来设置 id 选择器

CSS 中 id 选择器以 "#" 来定义

比如下面的样式规则应用于元素属性 HTML id="para1" 的元素

#para1
{
    text-align:center;
    color:red;
}

运行范例 »

注意: id 属性不要以数字开头,数字开头的 id 在 Mozilla/Firefox 浏览器中不起作用

class 选择器

class 选择器用于描述一组元素的样式

class 选择器有别于 id 选择器,class 可以在多个元素中使用

class 选择器在 HTML 中以 class 属性表示, 在 CSS 中,类选择器以一个点 "." 号显示

比如下面的范例中,设置所有 class 属性含有 center 的 HTML 元素居中显示

.center {text-align:center;}

运行范例 »

当然也可以指定特定的 HTML 元素中的 class 才使用样式

下面的范例设置了所有的 p 元素属性 class="center" 元素文本居中

p.center {text-align:center;}

运行范例 »

注意: HTML class 属性值的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2018 简单教程 twle.cn All Rights Reserved.