体彩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-08-19
  • 十九大精神进机关:原原本本吃透精神 学懂弄通昂扬斗志 2019-08-13
  • 我们是建立市场经济,公有制如何建立市场经济,就要明晰产权,不明晰产权如何建立市场经济? 2019-08-13
  • 2017巴塞尔国际钟表珠宝展 2019-08-11
  • 政务舆情回应如何把握语言分寸感? 2019-08-11
  • 候选案例:机井通电惠民生 2019-08-08
  • 2018年04期 中国国家地理网 2019-08-05
  • 解析视频播控平台黑产链 20元看12家网站VIP会员视频 2019-07-31
  • 西安外国语大学第二十四届校园文化艺术节闭幕式暨第一届朗读者圆满落幕西安外国语大学第二十四届校园文化艺术节-陕西教育新闻 2019-07-31
  • 俄罗斯世界杯今日开战,送上最全观赛指南!你最看好哪支球队? 2019-07-29
  • 《人民日报》让我爱上了文学(原创首发) 2019-07-29
  • 【北京页川车型报价】北京页川4S店车型价格 2019-07-27
  • 河北沧州经济开发区管理委员会 2019-07-24
  • 强村带弱村结对共发展 2019-07-24
  • 《读药》151期:短篇小说——解读蒋一谈《庐山隐士》 2019-07-15
  • 金七乐当天开奖查询 pk10 搜狐 扑克扫描仪 单双中特网 幸运飞艇pk10开奖记录 脱衣麻将 福彩3d2019087期开奖结果 cba是谁创建的 上港新主场最新进展 福建体彩36选7最新开奖 天天彩选4奖金 彩票北京28开奖结果 蓝球胜负得分规则 竞彩总进球数24 搜狐彩票图