JsSaaS平台
系统、网站、API站点，简单高效开发
CSS 教程
CSS 教程
CSS 简介
CSS 语法
CSS Id 和 Class
CSS 创建
CSS 背景
CSS 文本格式文本格式
CSS 字体
CSS 链接
CSS 列表
CSS 表格
CSS 盒子模型
CSS 边框
CSS 轮廓（outline）
CSS margin(外边距)
CSS padding（填充）
CSS 分组 和 嵌套 选择器
CSS 尺寸 (Dimension)
CSS Display(显示) 与 Visibility（可见性）
CSS Position(定位)
CSS 布局 - Overflow
CSS Float(浮动)
CSS 布局 - 水平 & 垂直对齐
CSS 伪类(Pseudo-classes)
CSS 伪元素
CSS 导航栏
CSS 图片廊
CSS 图像透明/不透明
CSS 图像拼合技术
CSS 媒体类型
CSS 属性 选择器
CSS 表单
CSS 计数器
CSS 网页布局
CSS !important 规则
你已经学习了CSS,下一步学习什么呢?
CSS 实例
CSS3 教程
CSS3 教程
CSS3 简介
CSS3 边框
CSS3 背景
CSS3 渐变（Gradients）
CSS3 文本效果
CSS3 字体
CSS3 2D 转换
CSS3 3D 转换
CSS3 过渡
CSS3 动画
CSS3 多列
CSS3 用户界面
CSS 图片
CSS 按钮
CSS 分页实例
CSS3 框大小
CSS3 多媒体查询
CSS3 多媒体查询实例
CSS 响应式设计
响应式 Web 设计 - Viewport
响应式 Web 设计 - 网格视图
响应式 Web 设计 - 媒体查询
响应式 Web 设计 - 图片
响应式 Web 设计 - 视频(Video)
响应式 Web 设计 - 框架
CSS 参考手册
CSS 属性 选择器
CSS 属性 选择器
具有特定属性的HTML元素样式
具有特定属性的HTML元素样式不仅仅是class和id。
注意：IE7和IE8需声明!DOCTYPE才支持属性选择器！IE6和更低的版本不支持属性选择器。
属性选择器
下面的例子是把包含标题（title）的所有元素变为蓝色：
实例
[title]
{
color:blue;
}
属性和值选择器
下面的实例改变了标题title='runoob'元素的边框样式:
实例
[title=runoob]
{
border:5px solid green;
}
属性和值的选择器 - 多值
下面是包含指定值的title属性的元素样式的例子，使用（~）分隔属性和值:
实例
[title~=hello] { color:blue; }
下面是包含指定值的lang属性的元素样式的例子，使用（|）分隔属性和值:
实例
[lang|=en] { color:blue; }
表单样式
属性选择器样式无需使用class或id的形式:
实例
input[type="text"]
{
width:150px;
display:block;
margin-bottom:10px;
background-color:yellow;
}
input[type="button"]
{
width:120px;
margin-left:35px;
display:block;
}
备案号：闽ICP备20003806号 厦门市湖里区陈朝能网络技术工作室