内蒙古快3最大遗漏:CSS 代码简写优化

css代码简写——CSS代码优化

CSS代码简写代码优化目的让代码化繁为简,便于日后维护、便于开发、节约代码等目的。

简写优化
css 代码简写 CSS代码优化

达到同样的CSS样式效果,一个是比较复杂的CSS代码,一个是简单简化的CSS代码,ThinkCSS推荐以简化代码为主。

常见可以简写CSS属性样式代码:

1、背景简写

background教程://www.phlmy.com/css/1119.shtml

背景颜色简写

background-color:#F00

背景颜色去掉-color

background:#F00

背景图片设置简写

background-image:url(背景图片地址);background-repeat:no-repeat;background-position:10px 20px

简写:

background:url(背景图片地址) no-repeat 10px 20px

2、padding的简写:
padding教程://www.phlmy.com/css/984.shtml

padding简写

padding-bottom:5px; padding-top:5px; padding-left:5px; padding-right:5px

相同值padding简写为

padding:5px

padding简写

padding-top:5px; padding-right:6px ;padding-bottom:7px;padding-left:8px; 

简写为

padding:5px 6px 7px 8px

padding简写

padding-bottom:5px;padding-top:5px;padding-left:10px;padding-right:10px;

简写为

padding:5px 10px;

padding简写

padding-top:5px;padding-left:10px;padding-right:10px;padding-bottom:15px;

简写为

padding:5px 10px 15px;

3、margin的简写
margin教程://www.phlmy.com/css/1006.shtml

margin-bottom:5px; margin-top:5px; margin-left:5px; margin-right:5px

相同值margin简写

margin:5px

margin简写

margin-top:5px; margin-right:6px ;margin-bottom:7px;margin-left:8px; 

简写为

margin:5px 6px 7px 8px

margin简写

margin-bottom:5px;margin-top:5px;margin-left:10px;margin-right:10px;

简写为

margin:5px 10px;

margin简写

margin-top:5px;margin-left:10px;margin-right:10px;margin-bottom:15px;

简写为

margin:5px 10px 15px;

4、border边框缩写
border边框教程//www.phlmy.com/css/912.shtml

border-color:#000; border-style:solid; border-width:1px

简写为:

border:#000 solid 1px

border-left简写

border-left-color:#000; border-left-style:solid; border-left-width:1px

简写为:

border-left:#000 solid 1px

border-right简写:

border-right-color:#000; border-right-style:solid; border-right-width:1px

简写为:

border-right:#000 solid 1px

border-top简写:

border-top-color:#000; border-top-style:solid; border-top-width:1px

简写为:

border-top:#000 solid 1px

border-bottom简写:

border-bottom-color:#000; border-bottom-style:solid; border-bottom-width:1px

简写为:

border-bottom:#000 solid 1px

以上常用需要注意直接使用简写CSS属性的样式。

相关标签: 优化
如需转载,请注明文章出处和来源网址://www.phlmy.com/jiqiao/1319.shtml

日期:2017-04-05 22:27:20 来源:内蒙古11选五开奖5号的 www.phlmy.com 作者:div css

热门点击

  • 国乒在日本全面溃败!刘国梁却在参加综艺节目 2019-04-21
  • 张琳芃球衣事件折射中超不职业 因打亚冠要多道程序 2019-04-21
  • 出租广州市番禺区大龙街东兴路476号4楼物业空置部分 2019-04-17
  • 美媒盘点地球上最强5款战略核潜艇:毁灭世界比外卖都快 2019-04-17
  • 董卿白岩松朱广权 看看央视主持人大学就读啥院系 2019-04-16
  • 第十二届中国(南宁)国际园林博览会相约绿城冬季 2019-04-16
  • 第518期:讨厌萝卜味?它可是抗癌的高手 2019-04-01
  • 这些中药串起来竟然是首诗 知道它们治什么病吗?(图) 2019-04-01
  • 致敬幸福奋斗者:访全国三八红旗手标兵 2019-03-31
  • 2017年我国门诊抗菌药物使用率下降到7.7% 2019-03-29
  • 认为要彩礼是侮辱 男子与妻子结婚不到15分钟就离婚 2019-03-29
  • 续写“八八战略”新篇章 2019-03-28
  • 袁隆平:多养活5亿人是我的梦想研究 水稻 2019-03-28
  • 2018年4月27日划拨国家社科基金项目鉴定费名单(2) 2019-03-24
  • 治脂肪肝不能光靠减肥 2019-03-24