内蒙古11选五遗漏任三: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-06-17
  • 推动民营企业创新发展 2019-05-31
  • 【北京中汽双会车型报价】北京中汽双会4S店车型价格 2019-05-31
  • 弘扬光荣传统 勇立时代潮头 忠实履职尽责 2019-05-30
  • 世界很多国家想拥有核弹,但迫于种种原因而没能实现。 2019-05-25
  • 阿呆,那是你家远祖啊,还不跪拜?[哈哈] 2019-05-15
  • 泰国推出“智慧签证”吸引人才 2019-05-15
  • “印象”世界杯:揭幕战红色风暴席卷绿茵场 2019-04-29
  • 衡阳日报社副社长周卫国祝贺人民日报创刊70周年 2019-04-27
  • 国乒在日本全面溃败!刘国梁却在参加综艺节目 2019-04-21
  • 张琳芃球衣事件折射中超不职业 因打亚冠要多道程序 2019-04-21
  • 出租广州市番禺区大龙街东兴路476号4楼物业空置部分 2019-04-17
  • 美媒盘点地球上最强5款战略核潜艇:毁灭世界比外卖都快 2019-04-17
  • 董卿白岩松朱广权 看看央视主持人大学就读啥院系 2019-04-16
  • 第十二届中国(南宁)国际园林博览会相约绿城冬季 2019-04-16