《
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属性的缩写相关文章