首页 > 开发 > CSS > 正文

你应该知道的3个CSS技巧

2024-07-11 09:07:07
字体:
来源:转载
供稿:网友
如何利用更强大更灵活的CSS来创造更简洁,更好维护的浏览器前端代码,现在让我们来看一看一些也许你还不知道的让人兴奋的CSS 功能,感兴趣的小伙伴们可以参考一下
 
 

各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备,以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁,更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CSS 功能。

  在CSS中用attr()显示HTML属性值 

       attr()功能早在CSS 2.1标准中就已经出现,但现在才开始普遍流行。它提供了一个巧妙的方法在CSS中使用HTML标签上的属性,在很多情况下都能帮你省去了以往需要Javascript处理的过程。

  要想使用这个功能,你需要用到三种元素:一个:before 或 :after CSS伪类样式, .content属性,和一个带有你想使用的HTML属性名称的attr()表达式。例如,想去显示<h3>标题上的data-prefix属性的值,你可以写成这样:

CSS Code复制内容到剪贴板
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表