第三章:CSS中的样式选择器
来源:互联网 发布:高程测量软件 编辑:程序博客网 时间:2024/06/05 17:55
1.通用选择器
通用选择器是一个星号,它类似于通配符,匹配文档中所有的标签:
*{ font-size:1cm; color:red; }
2.HTML选择器
HTML选择器是一个HTML标签,用来改变指定标签的样式,任何HTML元素都可以是一个CSS的选择器:
h1{color:red}
p{text-indent:3em}
3.ID选择器
ID选择器匹配文档中元素E的id属性的属性值为idname的元素,ID选择器名称的定义方式是“#”号后加ID名称idname,文档内id属性的值应该是唯一的,所以ID选择器将仅应用于一个元素的内容:
#main{text-indent:3cm;}<p id="main">文本缩进3em</p>
4.类选择器
类选择器匹配文档中元素E的class属性的属性值为classname的元素:
<p class="backgroundnote">这是一个段落</p>可以有两种方式使用类选择器:
第一种:这种方式匹配文档中所有class属性值为backgroundnote的元素
.backgroundnote{ }第二种:只匹配文档中class属性值为backgroundnote的p标签
p.backgroundnote{ }
5.后继选择器(关联选择器)
关联选择器也成为包含选择器,假设元素1里包含元素2,这种方式只对元素1里的元素2定义,对单独的元素1或元素2无定义:
table a{font-size:12px}
6.组合选择器
各种选择器用逗号隔开,就构成了组合选择器:
h1,p,#one,.ctwo,div{font-size:3cm;color:red;}
7.伪元素选择器
伪元素选择器是指对同一个HTML元素不同状态的一种定义方式,在CSS2中只有a元素和p元素有这种定义方式:
a元素:
a:link{color:#FF0000;text-decoration:none} /*未访问的连接*/a:visited{color:#00FF00;text-decoration:none} /*已访问的连接*/a:hover{color:#FF00FF;text-decoration:underline} /*鼠标在连接上*/a:active{color:#0000FF;text-decoration:underline} /*激活连接*/注意:a:hover必须被置于a:link和a:visited之后才是有效的;a:active必须被置于a:hover之后才是有效的。
p元素:
p:first-letter{font-size:4cm;}
p:first-line{font-size:2cm;}
0 0
- 第三章:CSS中的样式选择器
- CSS中的样式选择器小结
- 黑马程序员-CSS中的样式选择器
- CSS样式中的后代选择器和子代选择器
- CSS样式中的通用选择器和伪类选择器
- XML:CSS样式选择器
- CSS样式选择器
- 关于css样式选择器
- CSS样式和选择器
- CSS样式选择器
- CSS 样式选择器
- css样式选择器
- css样式高级选择器
- CSS样式选择器
- css样式选择器
- css概念,样式,选择器
- Css样式详解--选择器
- CSS样式选择器
- Java 实现文章汉字关键词(违禁词)识别1.0
- 平凡的世界
- 自定义Handler使用静态内部类避免内存泄漏
- storm, kafka集成之本地开发、测试
- 学习笔记之数据类型和变量2
- 第三章:CSS中的样式选择器
- 遍历Map
- spring-redis配置
- 关于16年2月14日以后上传AppStore出现:Missing iOS Distribution signing identity for...的问题
- hdu1166线段树模板求和
- iOS随机数生成
- json的使用
- java.io.FileNotFoundException-再次踩坑windows编码
- Android中退出多个Activity应用