您现在的位置:首页 >> 前端 >> 内容

Web前端-HeadFirst-笔记-CH10-简写vs长形式

时间:2017/7/8 14:58:41 点击:

  核心提示:简写可以使CSS文件更小,输入内容减少,担当出错时,难调试。长形式更可读。eg1:padding长形式:padding-top:0px;padding-bottom:30px;padding-righ...

简写可以使CSS文件更小,输入内容减少,担当出错时,难调试。

长形式更可读。

eg1:padding

长形式:

padding-top:0px;

padding-bottom:30px;

padding-right:20px;

padding-left:10px;


简写:

padding:0px 20px 30px 10px;(顺序为顺时针,上右下左)padding:20px;(当所有值相同)paddig:10px 20px;(上下,左右)(当上下同,左右同)

eg2. margin也可使用此缩写。

eg3.border

长形式:

border-width:thin;

border-color:red;

border-style:solid;

简写:

border: thin solid red;(且顺序任意)

eg4.background

背景也可以简写属性:任意顺序。

eg5.font

字体属性简写:
font:font-style font-variant font-weight(前三个顺序任意,但必须在font-size之前)font-size/line-height(行高在字体的font-size/之后设置) font-family(候选字体之间用逗号隔开)


Tags:WE EB B前 前端 
作者:网络 来源:lamanchas的