首页
技术小册
AIGC
面试刷题
技术文章
MAGENTO
云计算
视频课程
源码下载
PDF书籍
「涨薪秘籍」
登录
注册
CSS基础
CSS简介
创建CSS
CSS Id 和 Class
Background设置背景
CSS文本
Fonts字体
link链接
ul列表
table表格
盒子模型
border边框
margin外边距
padding内边距
分组和嵌套选择器
Display与Visibility
Position定位
Float浮动
对齐-水平和垂直
组合选择符
伪类
伪元素
属性选择器
important关键字
CSS3进阶
CSS3简介
borderImage 边框图片
border-radius 圆角
box-shadow 阴影
box-sizing 盒类型
gradients 渐变
text-justify 对齐
text-overflow 文字超出
text-shadow 文本阴影
word-break 文本打断
word-wrap 文本换行
letter-spacing 字间距
perspective 透视
transform 2D 空间转换
transform 3D 空间转换
transition 过渡
animation 动画
columns 字符分割
flex 弹性盒子布局
flex order 顺序
flex: grow、shrink、basis
flex-direction 排列方向
flex-wrap 换行
justify-content (轴内)对齐方式
align-items 竖直方向对齐方式
align-content
Grid 布局简介
Grid 行和列
media 媒体查询
only 元素选择
before && after
nth 类型元素选择器
calc 计算属性
当前位置:
首页>>
技术小册>>
从零开始学CSS与CSS3
小册名称：从零开始学CSS与CSS3
id 和 class 选择器 如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。 ------------ ### 1. id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。 以下的样式规则应用于元素属性 id="para1": ```css #para1 { text-align:center; color:red; } ``` ------------ ### 2. class 选择器 class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。 class 选择器在 HTML 中以 class 属性表示, 在 CSS 中，类选择器以一个点 . 号显示： 在以下的例子中，所有拥有 center 类的 HTML 元素均为居中。 ### 3. 实例 ```css .center {text-align:center;} ``` 你也可以指定特定的 HTML 元素使用 class。 在以下实例中, 所有的 p 元素使用 class="center" 让该元素的文本居中: ```css p.center {text-align:center;} ``` 多个 class 选择器可以使用空格分开： ```css .p1 .p2{border:1px solid red} ```
上一篇：
CSS简介
下一篇：
创建CSS
该分类下的相关小册推荐：
CSS 技术揭秘与实战通关
