|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
所有的设计第一步就是构思,构思好了。
一些CSS属性同意利用一串值取代很多属性,值利用空格分隔。
margin,pdding和border-width同意兼并margin-top-width,margin-right-width,margin-bottom-width等等,情势像如许:property:toprightbottomleft;逆时针按次。
以是上面的:
p{
border-top-width:1px;
border-right-width:5px;
border-bottom-width:10px;
border-left-width:20px;
}
能够写成:
p{
border-width:1px5px10px20px;
}
border-width,border-color,border-style一样能够兼并到一同,比方:
p{
border:1pxredsolid;
}
(一样能够使用到border-top,border-right等等)
假如只利用两个值(好比margin:1em10em;),第一个值包含顶部和底部,第二个值包含摆布。
字体属性一样可使用font属性兼并。
p{
font:italicbold1em/1.5courier;
}
(下面"/1.5"是line-height的值)
把它们总结在一同,试下上面的代码:
p{
font:1em/1.5"TimesNewRoman",times,serif;
padding:3em1em;
border:1pxblacksolid;
border-width:1px5px5px1px;
border-color:redgreenblueyellow;
margin:1em5em;
}
保举人人利用缩写情势,增进CSS代码的精简、优化!
表现和结构分离,在团队开发中更容易分工合作而减少相互关联性 |
|