div与css缩写id与class的区别

《div与css缩写id与class的区别》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、DIVCSS缩写DIVCSS缩写——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

2、:22px;即可简写缩写为font:12px/22pxboldArial,Helvetica,sans-serif;2、CSS背景：background-color:#F00;background-image:url(图片地址);background-position:bottom;background-repeat:no-repeat;即可将背景CSS属性缩写为：background:#F00url(图片地址)no-repeatleftbottom;www.divcss5.com缩写介绍。3、CSS内补距（CSSpa

3、dding）:padding-top:5px;padding-bottom:10px;padding-left:15px;padding-right:20px;即可缩写为padding:5px20px10px15px;或padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;缩写为padding:5px10px;4、CSS外边距（CSSmargin）:margin-top:5px;margin-bottom:10px;margin-

4、left:15px;margin-right:20px;即可缩写为margin:5px20px10px15px;或margin-top:5px;margin-bottom:5px;margin-left:10px;margin-right:10px;缩写为margin:5px10px;5、CSS边框：border-left:1pxsolid#000;border-right:1pxsolid#000;border-top:1pxsolid#000;border-bottom:1pxsolid#000;即可缩写为：bor

5、der:1pxsolid#000CSSid与CSSclassCSSID与CSSCLASS前面我们介绍过了id与class区别，接下来再简单介绍CSSid与CSSclass区别与用法。CSSid知识：在一个网页里ID只能使用一次。当然即使一个id在一个网页内被使用多次，其CSS样式仍然可以实现生效，但是一般规定W3C标准是使用一次。因为ID在html里可以赋予html标签特殊的属性如一下JS动作、表单传值等特性所以区别于一个class可以使用多少的次，而一个CSS命名的id只能使用一次避免一些特定动作、传的表单值的兼容性

6、特性错误即使没有其它JS脚本动作、表单传值特性但是我们也一定执行一个页面只能使用一次。id选择器以"#"来定义，命名CSS选择器。定义命名cssid选择器例子：#yangshi1{color:#F00;}定义红色www.divcss5.com实例#yangshi2{color:#0F0;}定义绿色对应html中div引用我颜色为红色