div与css缩写id与class的区别.docx

DIV CSS 缩写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;缩写介绍。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 #000CSS id与CSS classCSS ID与CSS CLASS前面我们介绍过了id与class区别，接下来再简单介绍CSS id与CSS class区别与用法。CSS id知识：在一个网页里ID只能使用一次。当然即使一个id在一个网页内被使用多次，其CSS样式仍然可以实现生效，但是一般规定W3C标准是使用一次。因为ID在html里可以赋予html标签特殊的属性如一下JS动作、表单传值等特性所以区别于一个class可以使用多少的次，而一个CSS 命名的id只能使用一次避免一些特定动作、传的表单值的兼容性特性错误即使没有其它JS脚本动作、表单传值特性但是我们也一定执行一个页面只能使用一次。id 选择器以 # 来定义，命名CSS选择器。定义命名css id选择器例子：#yangshi1color:#F00;定义红色实例#yangshi2color:#0F0;定义绿色对应html中div引用我颜色为红色我颜色为绿色一个div标签的定义只能使用一个id如：www.divcss5测试内容或www.divcss5测试内容两个都是不正确的，并且CSS样式属性也不能生效- 成为CSS 失效之一。CSS class知识：与CSS ID不同特性是clsss类可以在一个网页内无限次引用。Class 选择器定义以“.”来定义。定义css class选择器例子：.yangshi1color:#F00; 定义文字为红色.yangshi2font-size:28px;定义文字大小为18px对应html中div+css引用：我颜色为红色我字体大小为28px我颜色为红色文字大小为28px以上即是“yangshi1”“yangshi2”类的正确使用方法扩展知识：能否使用数字命名CSS 属性选择器css 命名规范以下为错误的css类使用方法：我将无效这样的引用方法即是错误的引用方法，同样可以得出一个只能出现一个class=如果出现多个css类要应用到一个div标签内，即可以使用来应用。一个div标签内运用id和class是可以的：.yangshi1. .#yangshi2. .yangshi3. .这样是可以的也是正确的.同样是正确的可取的。总