《
CSS属性的缩写》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302333542013.htm
有的时候,CSS属性Vertical Align使用方法讲解，border可以写的更简略些，有些值可以省掉，然而请留神哪些是必需的，你也可以测试一下：
border:groove red; //大家猜猜这个边框的宽度是多少？
border:solid; //这会是什么样子？
border:5px; //这样可以吗？
border:5px red; //这样可以吗？？
border:red; //这样能够吗？？？
border-width:数字+单位;
border-style: none || hidden || dashed || dotted || double || groove || inset || outset || ridge || solid ;
border-color: 颜色 ;
color：#113366
通过简写可以让你的CSS文件更小，更易读,CSS将图像设置为背景。而懂得CSS属性简写也是前端开发工程师的基础功之一,CSS实用表格示例(带注释)。今天咱们体系地总结一下CSS属性的缩写。
边框(border)
border是个比拟机动的属性，它有border-width、border-style、border-color三个子属性,CSS实用技巧18招。
颜色缩写
色彩的缩写最简单，在色彩值用16进制的时候，假如每种颜色的值相同，就可以写成一个：
margin:1px 1px 1px 1px,css实现鼠标经过图片显示边框的代码;
这四个值可以缩写到一起：
缩写的次序是上->右->下->左。顺时针的方向。绝对的边的值相同，则可以省掉：
border-width：1px 2px 3px; //最多可用四个值，缩写规矩相似盒子大小的缩写，下同
border-style：solid dashed dotted groove;
border-color:red blue white black,CSS实现鼠标滑过表格变色;
,css实现页面文字不换行、自动换行、强制换行;color：#136
盒子大小
这里重要用于两个属性：margin和padding，我们以margin为例，padding与之相同。盒子有上下左右四个方向，每个方向都有个外边距：
margin-top:1px;
margin-right:1px;
margin-botton:1px;
margin-left:1px;
outline
outline类似border，不同的是border会影响盒模型，而outline不会。
outline-width:数字+单位;
outline-style: none || dashed || dotted || double || groove || inset || outset || ridge || solid ,CSS实现绝对的完美圆角框;
outline-color: 色彩 ;
可以简写为
所有用到16进制色彩值的处所都可以应用简写，比方background-color、border-color、text-shadow、box-shadow等。
可以缩写为：
outline:1px solid red;
还可以对每个属性采用缩写：
border:5px solid #369;
通过上面的代码可以了解到，border默认的宽度是3px，默认的色彩是black&mdash,CSS实现简单圆角效果;—玄色。默认的颜色是该规则中的color属性的值，而color默认是黑色的(多谢 @birdstudio 的提示 )。border的缩写中border-style是必须的。
--> [
网站建设之]CSS属性的缩写
它可以依照width、style和color的顺序简写：
Tag： CSS CSS
同时，还可以对每条边采取缩写：
border-top:4px solid #333;
border-right:3px solid #666;
border-bottom:3px solid #666;
border-left:4px solid #333,CSS实现的简易进度条;
margin:1px;//四个方向的边距相同，等同于margin:1px 1px 1px 1px;
margin:1px 2px;//高低边距都为1px，左右边距均为2px，等同于margin:1px 2px 1px 2px
margin:1px 2px 3px;//右边距跟左边距雷同，等同于margin:1px 2px 3px 2px;
margin:1px 2px 1px 3px;//注意，这里固然上下边距都为1px，但是这里不能缩写。
(责任编辑：网站建设)
CSS属性的缩写相关文章