css样式说明.doc

网站板块1公共文件夹Upload 上传图片 基本不变Temp 排版使用到的临时图片, 异世邪君,或其他文件Include / res / css | js /各栏目文件夹缩名/版本号（20102515）/ 文件名Ad / 各栏目文件夹缩名/文件名2 各栏目文件夹缩名首页（I）新房(x)二手房(e)资讯(n)家居(j)视频(v)论坛3网站CSS文件主体样式main.css字体，字号，颜色font.css框架结构layout.css全局默认样式集合global.css组成页面部分样式表，模块碎片集合module.css表单样式form.cssmain.css文件是css主体样式，里面包含各个子样式，使用时直接导进页面:import url(font.css);import url(layout.css);import url(global.css);import url(module.css);import url(form.css);4 css命名规则一、正常情况一律小写，顶级流氓,使用符合语义的英文，在非常用部分也可以使用部分拼音名二、2个组合单词中不用中杠和下划线，第二个单词首字母大写如：mainContent,尽量不要缩写，除非一看就明白的单词。Css常用名称列表(1)栏目容器container页头header内容content页面主体main页尾footer导航nav侧栏sidebar栏目column左右中left right center页面外围控制整体布局宽度wrapper (2) 导航导航主导航mainnav子导航subnav顶导航topnav边导航sidebar左导航leftsidebar右导航rightsidebar菜单menu子菜单submenu标题title摘要summary（3）功能标志logo广告banner登录login登录条loginbar注册regsiter搜索search功能区shop标题title加入joinus状态status按钮btn滚动scroll标签页tab文章列表list提示信息msg当前的current小技巧tips图标icon注释note指南guild服务service热点hot新闻news下载download投票vote合作伙伴partner友情链接link5CSS定义的层次在定义CSS中的class时，使用层次分明的方式来描述语句。示例CSS：#menu . #menu .menulist . #menu .menulist .selectit . 示例结构： 从最终效果来看，#menu没有必要重复出现，但是实际上如果能够在前面加上#menu，将会让文档的层次更加明了，更利于阅读。6样式排序在设计CSS样式表时，为了让class中的样式看起来不混乱，从整体上将更加易于阅读和管理我们采取以下排序方式float, position等表示位置的放在前面，将width、height和padding、margin、border等放在较靠前的位置，background其次，然后是控制文本的font、color、text-align等，接着是某些特殊标签才能用到的元素，像list- style等，最后是css滤镜。#mainfloat:left; position:relative; width:200px; height:100px; padding:0px; text-align:center;7Calss,ID样式定义1)文字定义：直接使用“font+字体大小”如：font12pxfont-size:12px;2)颜色：使用颜色的名称或者16进制代码表示，如: .redcolor:red; .ff8600color:#ff86003)对齐样式，使用对齐的目标的英