×
CSS 教程CSS 简介CSS 语法CSS Id 和 Class选择器CSS 创建CSS Backgrounds(背景)CSS Text(文本)CSS Fonts(字体)CSS 链接(link)CSS 列表样式(ul)CSS Table(表格)CSS 框模型CSS Border(边框)CSS 轮廓(outline)属性CSS Margin(外边距)CSS Padding(填充)CSS 分组和嵌套CSS 尺寸 (Dimension)CSS Display(显示)CSS Positioning(定位)CSS Float(浮动)CSS Align( 对齐)CSS 组合选择符CSS 伪类CSS 伪元素CSS 导航栏CSS 图片廊CSS 图像透明/不透明CSS 图像拼合技术CSS 媒体类型CSS 属性选择器CSS 总结CSS 实例

CSS3 教程

CSS3 教程CSS3 简介CSS3 边框(Borders)CSS3 背景CSS3 渐变CSS3 文本效果CSS3 字体CSS3 2D 转换CSS3 3D 转换CSS3 过渡CSS3 动画CSS3 多列CSS3 用户界面

CSS 参考手册

CSS 参考手册 CSS 选择器 CSS 语音参考 CSS Web安全字体 CSS 单位 CSS 颜色 CSS 颜色值 CSS 颜色名 CSS 十六进制颜色 

CSS Id 和 Class选择器


id 和 class 选择器

如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器。


id 选择器

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

HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。

以下的样式规则应用于元素属性 id="para1":

实例

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

尝试一下 »

Remark ID属性不要以数字开头,数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。


class 选择器

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

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

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

实例

.center {text-align:center;}

尝试一下 »

你也可以指定特定的HTML元素使用class。

在以下实例中, 所有的 p 元素使用 class="center" 让该元素的文本居中:

实例

p.center {text-align:center;}

尝试一下 »

Remark 类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起作用。


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)