站内搜索:
首页 >> 前端 >> 内容
Web前端-HeadFirst-笔记-CH10-简写vs长形式

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

简写可以使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(候选字体之间用逗号隔开)


  • 上一篇:Web前端-HeadFirst笔记-CH10spandiv伪类
  • 下一篇:$.ajax返回的JSON格式的数据后无法执行success的解决方法
  • 返回顶部