html中ul:after是什么意思,什么作用?
答案:4 悬赏:80
解决时间 2021-01-17 04:11
- 提问者网友:人生佛魔见
- 2021-01-16 19:09
html中ul:after是什么意思,什么作用?
最佳答案
- 二级知识专家网友:纵马山川剑自提
- 2021-01-16 19:59
css3样式的一种写法 想详细了解 自己百度下,我只能给你简单说一下
在css标签中有这样子的标签div:before、div:after,对于before、after来说有部分人是相当陌生的,那么这两个标签是什么呢?有什么用处?
:befor、:after是CSS的伪元素,什么是伪元素呢?伪元素用于向某些选择器设置特殊效果。
我们用CSS手册可以查询到其基本的用法:
E:before/E::before 设置在对象前(依据对象树的逻辑结构)发生的内容。用来和content属性一起使用
E:after/E::after 设置在对象后(依据对象树的逻辑结构)发生的内容。用来和content属性一起使用
Ie6-7 不支持
在css标签中有这样子的标签div:before、div:after,对于before、after来说有部分人是相当陌生的,那么这两个标签是什么呢?有什么用处?
:befor、:after是CSS的伪元素,什么是伪元素呢?伪元素用于向某些选择器设置特殊效果。
我们用CSS手册可以查询到其基本的用法:
E:before/E::before 设置在对象前(依据对象树的逻辑结构)发生的内容。用来和content属性一起使用
E:after/E::after 设置在对象后(依据对象树的逻辑结构)发生的内容。用来和content属性一起使用
Ie6-7 不支持
全部回答
- 1楼网友:行路难
- 2021-01-16 21:12
清除浮动用的,防止盒子出现塌陷,影响布局
- 2楼网友:想偏头吻你
- 2021-01-16 20:56
这是伪元素,介绍如下:
伪类的分类及作用:
伪元素的分类及作用:
看到这里就了解了
- 3楼网友:轻熟杀无赦
- 2021-01-16 20:34
首先要明白一种思想:结构和样式分离。
结构和样式分离,就意味着:没有样式表,HTML文档也是一个完整的文档;没有样式表,也能正常阅读用HTML表达的所有内容。明白这种思想就能很好理解样式表中使用------ :before 和 :after中的content: ""; ------就算没有------:before 和 :after中的content: "";------HTML文档也不会受到影响,HTML文档也是一个完整的文档,所以,用简单的话来说: :before 和 :after中的content: "";不过是对HTML的装潢,使HTML看起来更漂亮一些。举个例子:
1
<a href="#">知道更多</a>
以上这句语句,是一个链接,点击就能打开,就算没有任何CSS修饰,也不影响打开链接。但是,如果稍微修饰,这个链接就会看起来美观一些:
1
2
3
a:after {
content: "\00A0\000BB";
}
加上CSS修饰后,链接看起来就美观一些。
结构和样式分离,就意味着:没有样式表,HTML文档也是一个完整的文档;没有样式表,也能正常阅读用HTML表达的所有内容。明白这种思想就能很好理解样式表中使用------ :before 和 :after中的content: ""; ------就算没有------:before 和 :after中的content: "";------HTML文档也不会受到影响,HTML文档也是一个完整的文档,所以,用简单的话来说: :before 和 :after中的content: "";不过是对HTML的装潢,使HTML看起来更漂亮一些。举个例子:
1
<a href="#">知道更多</a>
以上这句语句,是一个链接,点击就能打开,就算没有任何CSS修饰,也不影响打开链接。但是,如果稍微修饰,这个链接就会看起来美观一些:
1
2
3
a:after {
content: "\00A0\000BB";
}
加上CSS修饰后,链接看起来就美观一些。
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息!
大家都在看
推荐信息