对于css的简化属性

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

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

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

我用下面代码举例;

[@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的打赏,我们会更加努力!    如果您想成为作者,请点我


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

查看所有标签

猜你喜欢:

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

HTML & CSS设计与构建网站

HTML & CSS设计与构建网站

[美] Jon Duckett / 刘涛、陈学敏 / 清华大学出版社 / 2013-1 / 59.80元

欢迎您选择一种更高效的学习HTML和CSS的方式。不管您设计和建立新网站,还是想更好地控制现有网站,都可以在《HTML & CSS 设计与构建网站》一书的指导下创建出用户友好、令用户赏心悦目的Web内容。我们知道,编码是一项令人望而生畏的工作,而本书却采用有别于许多传统编程书籍的新颖编排方式,将使您收到事半功倍的学习效果。 每一页都在短小精悍的示例代码的引导下,简明直观、直截了当地阐述一个新......一起来看看 《HTML & CSS设计与构建网站》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

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

HEX HSV 互换工具