个人珍藏css规范

《个人珍藏css规范》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、常用CSS缩写语法总结使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：颜色16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：#000000可以缩写为#000;#336699可以缩写为#369;盒尺寸通常有下面四种书写方法:property:value1;表示所有边都是一个值value1；property:value1value2;表示top和bottom的值是value1,right和left的值是value2property:value1value2value3;表

2、示top的值是value1，right和left的值是value2，bottom的值是value3property:value1value2value3value4;四个值依次表示top,right,bottom,left方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下：margin:1em02em0.5em;边框(border)边框的属性如下：border-width:1px;border-style:solid;border-color:#000;可以缩写为一句：bor

3、der:1pxsolid#000;语法是border:widthstylecolor;背景(Backgrounds)背景的属性如下：background-color:#f00;background-image:url(background.gif);background-repeat:no-repeat;background-attachment:fixed;background-position:00;可以缩写为一句：background:#f00url(background.gif)no-repeatf

4、ixed00;语法是background:colorimagerepeatattachmentposition;你可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为：color:transparentimage:nonerepeat:repeatattachment:scrollposition:0%0%字体(fonts)字体的属性如下：font-style:italic;font-variant:small-caps;font-weight:bold;font-size:1em;l

5、ine-height:140%;font-family:"LucidaGrande",sans-serif;可以缩写为一句：font:italicsmall-capsbold1em/140%"LucidaGrande",sans-serif;注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。列表(lists)取消默认的圆点和序号可以这样写list-style:none;,list的属性如下:list-style-type:square;list-style-positio

6、n:inside;list-style-image:url(image.gif);可以缩写为一句：list-style:squareinsideurl(image.gif);CSS命名规范常用的CSS命名规则：头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：leftrightcenter登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下

7、载：download子导航：subnav菜单：menu子菜单：submenu搜索：search友情链接：friendlink页脚：footer版权：copyright滚动：scroll内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service注册：regsiter状态：status投票：vote合作伙伴：partner(二)注释的写法:/*Footer*/内容区/*EndFooter*/(三)id的命名:(1

8、)页面结构容器:container页头：header内容：content/container页面主体：main页尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：leftrightcenter(2)导航导航：nav主导航：mainbav子导航：subnav顶导航：topnav边导航：sidebar左导航：leftsidebar右导航：rightsid