对于css的简化属性

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

我用下面代码举例;

Background-color ：red；//设置背景颜色Background-requer ：no-requer ；//设置背景是否重复Background-position：center center；//设置背景位置Background-size:2rem 2rem;//设置背景大小

上面代码完全可以简化成

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://www.cnblogs.com/Tmode/p/10942103.html

对于css的简化属性相关推荐

CSS中margin属性详解
margin属性概述 margin是CSS层叠样式表中用来规定围绕在元素边框周围空白区域范围的属性. 该接受任何长度单位,可以是像素.英寸.毫米或 em. 相关属性 margin 可以单独改变元素的上 ...
巧用CSS的Border属性
. 作者:冯永曜来源:黄山村夫制作过网页的人都有为画线而烦恼的经历,本文介绍的小技巧也许对你有所帮助.我们先来认识一下"Border"(画边框),它是CSS的一个属性,用它可以 ...
CSS中background-position属性
CSS中background属性是经常用到的,可以给某个块设置背景色.以下主要说明以下background-position属性的应用. 一般在设置background属性时的写法是: backgro ...
CSS中连接属性的排序
在CSS超链接的属性中,有四个连接方式: a:link a:hover a:visited a:acticve 之前在使用的时候一直是按照自认为的顺序中去写的,就是 L H V A的排序方式,然而有 ...
html图片加波浪滤镜,CSS滤镜wave属性(波形滤镜)
[实例介绍] CSS滤镜wave属性(波形滤镜) wave滤镜用来把对象按照垂直的波纹样式打乱.waVe的表达式还是比较复杂的,它一共有5个参数. [基本语法] filter:wave(add=参数值 ...
CSS使用浮动属性和边距设计3行3列定宽的布局实例
CSS使用浮动属性和边距设计3行3列定宽的布局下面使用CSS的浮动属性和边距属性设计一个简单地3行3列并且是固定宽度的布局页面. 实例设计步骤如下: 1. 制作3行3列定宽布局的XHTML部分.源 ...
CSS中float属性详解
首先我们了解到,CSS网页布局的原理,就是按照HTML代码中对象声明的顺序,以流布局的方式来显示它,而流布局就不得不说到float浮动技术..在HTML中的所有对象,默认分为两种:块元素(block ...
php中border属性,css中display属性和border属性常遇问题讲解
本篇文章给大家带来的内容是关于css中display属性和border属性常遇问题讲解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助.因为HTML很少有太复杂的问题,所以直接写一篇关于 ...
css中position属性（absolute/relative/static/fixed）
css中position属性(absolute/relative/static/fixed): position:static 无特殊定位,是html元素默认的定位方式,对象遵循正常文档流.top ...

对于css的简化属性

对于css的简化属性相关推荐

最新文章

热门文章