CSS高级教程 伪元素
来源:互联网 发布:网络口碑营销案例 编辑:程序博客网 时间:2024/04/29 17:32
伪元素(pseudo elements)跟伪类一样吮吸选择符,使用selector:pseudoelement { property: value; }的形式。有四个吮吸器。
首字和首行
首字first-letter 伪元素应用到元素的第一个字,而首行first-line则是元素的顶行。你可以,比如,创建一个首行粗体和首字下沉的段落,像这样:
前和后
前before和后after伪元素与内容content属性用于元素的两边,在不更改HTML的情况下改变内容的两边事物。
内容属性的值可以open-quote(开引号)、close-quote(闭括号)、no-open-quote(无开括号)、no-close-quote(无闭括号),任何附上引号的字符串或者图片,使用url(imagename)。
首字和首行
首字first-letter 伪元素应用到元素的第一个字,而首行first-line则是元素的顶行。你可以,比如,创建一个首行粗体和首字下沉的段落,像这样:
Example Source Code [www.52css.com]
p:first-letter {
font-size: 3em; float: left;
}
p:first-line {
font-weight: bold;
}
font-size: 3em; float: left;
}
p:first-line {
font-weight: bold;
}
前和后
前before和后after伪元素与内容content属性用于元素的两边,在不更改HTML的情况下改变内容的两边事物。
内容属性的值可以open-quote(开引号)、close-quote(闭括号)、no-open-quote(无开括号)、no-close-quote(无闭括号),任何附上引号的字符串或者图片,使用url(imagename)。
Example Source Code [www.52css.com]
blockquote:before {
content: open-quote;
}
blockquote:after {
content: close-quote;
}
li:before {
content: "POW: "
}
p:before {
content: url(images/jam.jpg)
}
content: open-quote;
}
blockquote:after {
content: close-quote;
}
li:before {
content: "POW: "
}
p:before {
content: url(images/jam.jpg)
}
- CSS高级教程 伪元素
- css 伪类 伪元素
- css伪类,伪元素
- CSS 伪元素 伪类
- CSS伪类、伪元素
- css:after 伪元素
- CSS伪元素
- CSS之伪元素
- CSS :after 伪元素
- CSS 伪元素
- CSS的伪元素
- CSS 伪类/元素
- CSS-伪元素
- 10027---CSS 伪元素
- css的伪元素
- CSS-伪类、元素
- CSS伪元素
- CSS 7.7 伪元素
- Symantec的问题搞的有点头昏。。。
- 你能有多少东西沉淀下来
- XML 和 Java 技术: 数据绑定的多种用法
- 使用mouse_event来模拟一次选中文本框中的文本
- Web新地基-基础建设,合理的系统架构与六大关键问题
- CSS高级教程 伪元素
- tomcat5下jsp出现getOutputStream() has already been called for this response异常的原因和解决方法
- 员工是企业的生命线
- CSS高级教程 @规则
- OpenWave 6.2.2的配置
- 采用比特位运算改进的N皇后算法
- CSS高级教程 显示属性
- 领导新课题:帮员工发牢骚
- document.all与document.getElementsByName区别