广州电脑培训_电脑培训班_电脑培训课程-北大青鸟电脑学校
当前位置:网站首页 > 电脑培训网-电脑学校 > 江门电脑学校 > 正文

江门北大青鸟:Web前端开发规范之css规范_江门北大青鸟CCS的规范原则

作者:广州电脑培训甘发布时间:2020-10-23分类:江门电脑学校浏览:578


导读:        今天小编要跟大家分享的文章是关于Web前端开发规范之css规范。Web前端作为开发团...

        今天小编要跟大家分享的文章是关于Web前端开发规范之css规范。Web前端作为开发团队中不可或缺的一部分,需要按照相关规定进行合理编写。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。来一起看一看css规范的原则吧!


CSS规范的原则:

1、编码规范为utf-8。


2、协作开发及分工:i会根据各个模块,同时根据页面相似程序,事先写**体框架文件,分配给前端人员实现内部结构&表现&行为。共用css文件base.css由i书写,协作开发过程中,每个页面请务必都要引入,此文件包含reset及头部底部样式,此文件不可随意修改。


3、class与id的使用:id是唯一的并是父级的,class是可以重复的并是子级的,所以id仅使用在大的模块上,class可用在重复使用率高及子级中。id原则上都是由我分发框架文件时命名的,为JS预留钩子的除外。


4、为JS预留钩子的命名,请以js_起始,比如:js_hide,js_show。


5、class与id命名:大的框架命名比如header/footer/wrapper/left/right之类的在2中由i统一命名.其他样式名称由小写英文&数字&来组合命名,如i_comment,fontred,width200。避免使用中文拼音,尽量使用简易的单词组合。总之,命名要语义化,简明化


6、规避class与id命名:

a)通过从属写法规避。

b)取父级元素id/class命名部分命名。

c)重复使用率高的命名,请以自己代号加下划线起始,比如i_clear。

d)a,b两条,适用于在2中已建好框架的页面,如,要在2中已建好框架的页面代码中加入新的div元素,按a命名法则:...,样式写法:#mainnav.firstnav{.......}按b命名法则:...,样式写法:.main_firstnav{.......}


7、css属性书写顺序,建议遵循:布局定位属性-->自身属性-->文本属性-->其他属性.此条可根据自身习惯书写,但尽量保证同类属性写在一起.属性列举:布局定位属性主要包括:display&list-style&position&float&clear&visibility&overflow;

自身属性主要包括:width&height&margin&padding&border&background。

文本属性主要包括:color&font&text-decoration&text-align&vertical-align&white-space&

其他&content。


8、书写代码前,提高样式重复使用率。


江门电脑学校排行
最近发表
标签列表