对于css的简化属性

栏目: CSS · 发布时间: 7年前

内容简介:开发中高效才是王道,用少量的代码去做相同的事,好比高铁跟火车,你坐高铁都出国了,我这边才刚出省,这个不了解的话真的是伤不起~在开发中高效的代码可以节省一部分开发时间,减少代码量,节省服务器读取效率,当然简写属性更潇洒;但是不要乱用哦,简写属性会覆盖上面设置的值哦;我用下面代码举例;上面代码完全可以简化成

开发中高效才是王道,用少量的代码去做相同的事,好比高铁跟火车,你坐高铁都出国了,我这边才刚出省,这个不了解的话真的是伤不起~在开发中高效的代码可以节省一部分开发时间,减少代码量,节省服务器读取效率,当然简写属性更潇洒;但是不要乱用哦,简写属性会覆盖上面设置的值哦;

我用下面代码举例;

[@code lang=”html”]
 Background-color :red;//设置背景颜色
 Background-requer :no-requer ;//设置背景是否重复
 Background-position:center center;//设置背景位置
 Background-size:2rem 2rem;//设置背景大小
 [/code]

上面代码完全可以简化成

Background:url() no-requre center/2rem 2rem;

甚至可以设置多张背景图片只需要加上,隔开即可,(background可以设置多重属性)代码如下

Background:url(0) no-requre center,
 url(1) no-requre center,
 url(2) no-requre center;

下面是一些其他属性的简化属性

font:font-style font-variant font-weight font-size/line-height font-famiy
 border:1px solid red,1px solid red,1px solid red,1px solid red;
 margin:1px 1px 1px 1px;//margin的上右下左

不要想了,最常用的简写属性已经没有了;

简写属性可以节省大部分开发时间跟,提高工作效率,

如果你想到了一个常用的简写属性欢迎评论打脸;

转载时请注明出处及相应链接,本文永久地址:https://blog.yayuanzi.com/25061.html

对于css的简化属性

对于css的简化属性 微信打赏

对于css的简化属性 支付宝打赏

感谢您对作者Bunny的打赏,我们会更加努力!    如果您想成为作者,请点我


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

The Intersectional Internet

The Intersectional Internet

Safiya Umoja Noble、Brendesha M. Tynes / Peter Lang Publishing / 2016

From race, sex, class, and culture, the multidisciplinary field of Internet studies needs theoretical and methodological approaches that allow us to question the organization of social relations that ......一起来看看 《The Intersectional Internet》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

URL 编码/解码
URL 编码/解码

URL 编码/解码

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具