必威体育Betway必威体育官网
当前位置:首页 > IT技术

css中content的使用

时间:2019-06-19 02:45:14来源:IT技术作者:seo实验室小编阅读:62次「手机版」
 

content

1.显示具体内容(跟:after 和:before配合使用)

HTML: 

CSS  :  

效果如下:

2.通过attr()显示标签的属性

HTML: 

CSS: 

效果如下: 

3.显示字符集图标 更多字符可以访问https://blog.csdn.net/sinat_17775997/article/details/52384680

4.图片替换文字

HTML: 

CSS:   

(2,4结合到一起,可以写出 给一个超链接加上末尾图标的效果,如 

效果如下: 文字全部被图片替换

5.计数器

counter-reset:创建或重置计数器(在父元素里创建计数器)    

counter-increment 传递一个或多个计数器的值

counter:使用计数器 在content里使用该属性

HTML:

CSS: 

效果如下:

6.用quotes控制引号的实际字符

HTML: 

CSS: 

效果如下:  从最外层开始匹配  也可以通过:lang伪属性对应指定不同的引号

 

在content中,可以设置开口引号和闭口引号

 (貌似用不用content 跟上面quotes的效果也一样,没啥影响)

相关阅读

CSS中文字体如宋体/微软雅黑的英文名称写法

我们在制作网页前端的时候,最常会遇到的两种中文字体是“宋体/微软雅黑”,你可以在css里面定义写成中文,但是这样的坏处是在英文的系

CSS: 多行文本溢出隐藏(可自定义行数)

前言 多行文本溢出隐藏在前端是很常见的需求,例如文章的标题过长,需要超出两行后隐藏,显示省略号(…)。 解决方案 HTML: <p class="

css3自定义滚动条样式写法

欢迎访问我的个人博客 http://xiaolongwu.cn/ 先简单介绍一下各个属性 ::-webkit-scrollbar :滚动条整体部分,其中的属性

文件下载,content-disposition 中文乱码

下载 1、下载就是向客户端响应字节数据 原来我们响应的都是html字符数据 把一个文件变成字节数据,使用response.getOutputSt

JavaScript中的style.cssText使用教程

1. cssText 本质是什么?cssText 的本质就是设置 HTML 元素的 style 属性值。代码如下:document.getElementById("d1").style.cssTe

分享到:

栏目导航

推荐阅读

热门阅读