CSS书写规范，关于css的命名规范，样式文件命名，文档结构等前端和按钮:btn投票:vote4.常用简写命名规则hd: leadsfnt:字体导航b:表格lnk:链接m1/mr: margin-left/margin-right1st:列表pr/ pd: padding-left/-right/ paddingcol:栏目rm:表单con:内容信息Ogop: Inputft: footerbtn: Buttonmore:更多f1/fr float: left/float: righttit标题栏r空行t/d/mid/1/r:上/下/中/左/右r边宽h:高前端和网站布局和样式文件命名网站样式文件命名和样式从属关系全局文件,其中包括(用来清除默认值)、全局性的一些属性值的定义全局布局共用文件:(网站布局容尜的共用的部分:页眉、贞搜索共用)频道私有文件:(当前频道或者页面的独有属性值以及为了兼容不同的浏览器的所采用的2.网站布局:网站采用目前最流行的960宽度布局;布局类型分为3栏和2栏两种方式。两栏布局:主容器宽度为700px副容器宽度为240px三栏布局:依次为190px、510Dx、240px3.网站栏目:web页面上不同内容的组合方式:图片展示、图文组合、文字列表、标题段落、按钮等几种。所以样式文件中按照如下规则定义:1)全局框架通用样式2)页眉3)导航1)搜索5)页脚6)内容列表通用样式7)图片通用样式8)表单通用样式4.频道私有CSS文件:针对网站频道不同风格所以各部分需要独自私有定义但是通用布局不需要再重新设置,只需要设置私有部分。前端和ⅪHTML文档结构1.Xhtm|基本框架结构图书门户2 Xhtml标准的 Doctype声明。图书门户采用ⅪHML.0 Transitional标准前端和3.编码声明。默认使用UF-8编码。4.meta, title等处填写相应的关键词和描述。关键词页面描述标题5基本结构#header#globalnavflogofloginBarttmainnav+searchfmain#1ay1:(布局容器1)#cOl1(内容块1)#cOl2(内容块2)#1ay2:(布局容器2)#co13(内容块3)#cOl4(内容块4)t footer#linkcopyrightWeb页面切图和CSS注意事项前端和1.Web页面切图1)Web页面的切图类型可以归纳为背景(bg)、列表项目的符号(1i)、内容中插入的图片(pic)、按钮(btn)、图标等几种形式(ico)。2)建议把用CSS背景加载的图片拼合成一张图片。这样可减少对服务器的请求从而提升页面加载速度3)除页面头部大图保存格式为J比G外,其他图片律采用gif格式2.CSS相关事项:)所有的xhtm代码小写2)每个标签都要有开始和结束,且要有止确的层次,没有结束标签的,标签后加上"/"。如:)所有的属性必须用引号“"括起米4)文档类型必须声明,禁止文档类型乱用5)所有<和特殊符号用编码衣示6)必须正确使用代码缩进,缩进时使用tab(键盘中的TAB键),禁止无缩进、乱缩进,禁止使用空格缩进7)CSS加载的背景图片要预定义宽度和高度,路径采用绝对路径可以直接从访问者计算机缓存中加载,提高页面加载速度。8)要尽可能做到表现与结构完全分离,代码中不涉及到表现元素,如 style、font、bgColor、 border、b9)

到h6>的定义,应遵循从人到小的原则,体现文档的结构,并有利于搜索引擎的查询。采用继承方式,否则个性定义就会失效。的缩写为:样式粗细大小行晑字体(11) class和id选择器,id只能在同一页面中不能重复适用12)给页面的布局和重要的区块加上注释,如:Legend>/legend>Input /K/fieldset>20)页面上的列表元素除了u1o1外,我们还可以采用d1dtd组合21)合理采用多重样式定义可以有效的增加样式的重用性。22)我们要清楚那些标签是块状元素和内联元素。一般我们可以把css元素分为block(块状)和 inline(内联)。熟悉这些元素属性有利于我们深入理解css。23)按照推荐Css属性书写顺序:显示属性:自身属性前端和文本属性: