css中content: " ";是什么意思?有什么用?

html-css016

css中content: " ";是什么意思?有什么用?,第1张

CSS中的content是插入生成的内容,一般与伪元素:befor和:after配合使用。表示在需要的地方插入"."。

content属性的作用及用法:

1、在body中添加两个h标签,如下图所示。

2、在style标签下书写CSS样式,给h标签的伪元素添加content内容,如下图所示。

3、先定义符号,然后添加符号,除了可以运用content添加纯文本内容外,也可以运用它添加文字符号。

4、运用content属性添加图片。

5、content还可以运用其attr获取元素的属性值,如下图所示。

6、综上所述,content属性提供了多种添加内容的方式。

content: '\20'的意思是在.skin-box-bd这个元素的的后面加上一个空格,把\20改成020也是可以的,这整段css是在浏览器中创建一个分隔栏,把上下DIV隔开,避免DIV发生错位。但是如果单纯使用clear:both的话,就会产生一些浏览器兼容上的bug,而用content:"\20"的方式就是在DIV后面人工添加一个空格,这样就可以解决这一类的浏览器兼容问题。

当然实际上个人并不推荐这种处理方法,在代码上会略有多余,一般来说如果要让两个DIV分行显示,直接在两个div上添加clear:both即可。