网站css书写规范/

发布时间:2025-05-01 点击:3
1.?编码统一为utf-8;
2.?协作开发及分工:?i会根据各个模块,?同时根据页面相似程序,?事先写好大体框架文件,?分配给前端人员实现内部结构&表现&行为;?共用css文件base.css由i书写,?协作开发过程中,?每个页面请务必都要引入,?此文件包含reset及头部底部样式,?此文件不可随意修改;
3.?class与id的使用:?id是唯一的并是父级的,?class是可以重复的并是子级的,?所以id仅使用在大的模块上,?class可用在重复使用率高及子级中;?id原则上都是由我分发框架文件时命名的,?为javascript预留钩子的除外;
4.?为javascript预留钩子的命名,?请以?js_?起始,?比如:?js_hide,?js_show;
5.?class与id命名:?大的框架命名比如header/footer/wrapper/left/right之类的在2中由i统一命名.其他样式名称由?小写英文?&?数字?&?_?来组合命名,?如i_comment,?fontred,?width200;?避免使用中文拼音,?尽量使用简易的单词组合;?总之,?命名要语义化,?简明化.
6.?规避class与id命名(此条重要,?若有不明白请及时与i沟通):??
a,?通过从属写法规避,?示例见d;?
b,?取父级元素id/class命名部分命名,?示例见d;?
c,?重复使用率高的命名,?请以自己代号加下划线起始,?比如i_clear;?
d,?a,b两条,?适用于在2中已建好框架的页面,?如,?要在2中已建好框架的页面代码中加入新的div元素,
按a命名法则:?
...
,?
样式写法:??#mainnav??.firstnav{.......}
按b命名法则:?
...
,?
样式写法:??.main_firstnav{.......}
7.?css属性书写顺序,?建议遵循?布局定位属性-->自身属性-->文本属性-->其他属性.?此条可根据自身习惯书写,?但尽量保证同类属性写在一起.?属性列举:?布局定位属性主要包括:?margin & padding & float(包括clear) & position(相应的?top,right,bottom,left) & display & visibility & overflow等;?自身属性主要包括:?width?&?height?&?background?&?border;?文本属性主要包括: font & color & text-align & text-decoration & text-indent等;其他属性包括:?list-style(列表样式) & vertical-vlign & cursor & z-index(层叠顺序)? & zoom等.?我所列出的这些属性只是最常用到的,?并不代表全部;
8.?书写代码前,?考虑并提高样式重复使用率;
9.?充分利用html自身属性及样式继承原理减少代码量


别人的策划技巧在网站建设过程中我们怎样来借鉴?
关于新手维护好网站建设的一些忠告
在无锡关键词优化的难点有哪些?
企业网站做SEO优化的四种方法
网站运营不可采取哪些手段
策划并做好一个网站应该注意什么
优秀的设计过程应该是怎样的?
企业网站建设增加视觉吸引效果