江门北大青鸟:Web前端开发规范之css规范_江门北大青鸟CCS的规范原则
作者:广州电脑培训甘发布时间:2020-10-23分类:江门电脑学校浏览:577
今天小编要跟大家分享的文章是关于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、书写代码前,提高样式重复使用率。
相关推荐
- 北大青鸟江门校区学完Python能从事哪些工作?江门的Python专业能做什么工作
- 北大青鸟江门校区学Python的好处?_江门哪有学习Python数据处理
- 北大青鸟江门校区学Python编程?_北大青鸟江门校区Python编程简介
- 北大青鸟江门校区Python工程师专业介绍
- 江门北大青鸟热门专业人工智能_人工智能与Python的区别是什么?
- 江门的it工程师培训需要什么学历吗?_北大青鸟江门校区IT工程师学校
- 江门的初中毕业学互联网好就业吗?_江门北大青鸟网络技术就业介绍
- 江门的初中毕业可以学电脑编程序吗_江门北大青鸟编程技术介绍
- 江门在哪里可以学互联网技术_江门北大青鸟IT课程介绍
- 江门的初中生适合学什么专业技术吗_江门北大青鸟初中生课程介绍
- 江门电脑学校排行
- 最近发表
-
- 梅州信息:凝聚共识裁审同行梅州市召开劳动人事争议裁审衔接工作研讨会|||计算机网络培训学校
- 东莞信息:虎门镇民营企业招聘月活动|||广州市北大青鸟计算机职业培训学校
- 东莞信息:(塘厦)塘厦镇举办“筑劳知识”之“阳光经营第一课”劳务派遣政策法规宣讲会|||计算机职业技能培训班
- 东莞信息:(塘厦)塘厦镇举办2024年全市首场名城名企OpenDay活动启动仪式|||计算机软件培训学校
- 东莞信息:(南城)南城开展“民营企业招聘月”直播带岗活动|||中专学计算机平面设计女生可以学计算机网络技术好吗
- 湛江信息:专家、大咖云集献策!国家高层次人才服务行活动走进湛江|||计算机培训学校招生
- 东莞信息:(万江)万江人社分局组织企业参加东莞云聘周周招直播带岗活动|||计算机培训学校招生
- 东莞信息:(莞城)深入园区送政策精准服务助发展|||计算机网络培训学校
- 汕头信息:市人社局加强公共服务下沉基层赋能“百千万工程”|||计算机专业维修学校
- 东莞信息:(东坑)东坑再添一家“广东省博士工作站”|||计算机专业维修学校
- 标签列表
-