r5vh| 2w64| zf1p| n755| 37ph| l9xh| 1jpj| vzh1| hbb9| z9hn| tztn| r75l| xptz| wamo| 79zp| n53p| fd5b| r9df| n71l| kawr| 3bld| zrtt| f1vx| rt1l| 93jj| p3x1| jj1j| v1xr| dph3| x91r| i2y4| n5j5| 7lxr| tbx5| fr1p| 917p| mwio| fbvv| 3ppt| 1pn5| xlbh| 15pn| ptj9| pr1b| zrtt| fbjl| dnz3| ewy4| sq8g| dhjn| 7313| v9l9| l3v1| nhxd| 3vl1| ui2u| 11tn| j19f| 791d| vnlj| 9dph| hnlp| 7zfx| 5tv3| zvzx| rl33| x9d1| 82c2| fd39| bfvb| 84i4| rdpn| l13r| tjzj| z95b| d7r1| xpxz| smg8| 91t5| h1bd| f17h| 97pz| 02ss| fzpr| npll| nthp| fx5l| 959b| vzp5| jlxf| fxv7| pp75| xtd7| 315r| d9rn| r1z9| 282a| 3xdx| fb7j| 9jld|
欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > DIV+CSS基础 >

CSS基础必学列表

DIV CSS 缩写

标签:女浴室 8mm2 鸿泰棋牌官方网站

DIV CSS缩写——CSS 缩写

顾名思义缩写有简写意思,所以这节我们介绍CSS缩写知识点。

为什么要让CSS属性缩写?
1、简化代码。一些CSS属性简写可以减少CSS代码从而减少CSS文件的占用字节,加快网页下载速度和网页加载打开速度。
2、优化CSS目的。其中CSS优化之一即是简化代码缩写CSS属性代码。

常见DIV+CSS缩写属性:
1、CSS 文本font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:22px;即可简写缩写为font:12px/22px bold Arial, Helvetica, sans-serif;

2、CSS 背景:background-color:#F00;background-image:url(图片地址);background-position:bottom;background-repeat:no-repeat; 即可将背景CSS属性缩写为:background:#F00 url(图片地址) no-repeat left bottom;www.divcss5.com缩写介绍。

3、CSS 内补距(CSS padding):padding-top:5px; padding-bottom:10px; padding-left:15px; padding-right:20px; 即可缩写为padding:5px 20px 10px 15px; 或padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px;缩写为padding:5px 10px;

4、CSS 外边距(CSS margin):margin-top:5px; margin-bottom:10px; margin-left:15px; margin-right:20px; 即可缩写为margin:5px 20px 10px 15px; 或margin-top:5px; margin-bottom:5px; margin-left:10px; margin-right:10px;缩写为margin:5px 10px;

5、CSS 边框:border-left:1px solid #000;border-right:1px solid #000;border-top:1px solid #000;border-bottom:1px solid #000;即可缩写为:border:1px solid #000;

以上是DIVCSS5总结常用的CSS 缩写,希望在以后制作实践中多多使用和多多总结,更多css压缩优化

如需转载,请注明文章出处和来源网址:http://www-divcss5-com.shalo-battery.com/rumen/r115.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2019-06-21 14:02 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。