以下的样式规则应用于元素属性id=”demo”， id=”para1″:

#demo{ width: 500px; height: 200px; margin: 50px auto; } #para1 { text-align:center; color:red; }

注意：ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。

示例代码：

#demo{ width: 500px; height: 200px; margin: 50px auto; } #para1 { text-align:center; color:red; }

效果图：

B、class 选择器

class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。

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

在以下的例子中，所有拥有 center 类的 HTML 元素均为居中。

.center {text-align:center;}

示例代码：

p.center{ text-align:center;}

这个标题不受影响

这个段落居中对齐。

效果图：