WEB前端CSS书写习惯问题

面试前端开发的问题 客户端软件前端开发 前端使用的开发软件

说到书写习惯,首先就是版式。有人喜欢横着写,同一个样式中的所有属性都写成一行;也有人喜欢竖着写,每写一个属性就换一行。关于这两种写法,也没 有什么明确的说法谁好谁坏了,完全看个人喜好了。本民工偏向于前者,因为横着写的话整个样式会显得紧凑,而且找样式名也比较方便,并且文件的体积也会小。 个人觉得如果随便打开一个样式表就上千行的话那是很恐怖的事(尽管可能内容并不多,只是因为竖着写而已)。

另一个受习惯影响最大的就是命名了。一个好的命名,应该是让人只要看到样式名就能知道这个样式应该是作用在什么地方的。特别是团队合作项目,制订一 套命名规范是很有必要的。命名就都尽量用英文好了,拼音给人的感觉实在是太怪了。常用的命名方法中,驼峰命名法本人觉得不好用,不仅可读性不高而且因为大 小写混排也容易出错,大写的I跟小写的l看起来都差不多的。中杠”-”命名跟下杠”_”命名本人觉得都差不多,而用下杠命名的话在双击选择样式名的时候比 较方便,所以本人的习惯是用小写加下杠的命名法,原来公司团队也是用这个的,而且很多大站也都是这样用的。

接下来就是在书写样式表的时候尽量养成分块书写的习惯。也就是说定义同一个区块的样式都写到一起,好比下面这样:#sidebar {float:left;}
#sidebar p { … }
footer {clear:both;}
#footer p { … }

这样在出问题的时候查找起来很方便。曾经有一位同事写样式的思维相当“跳跃”,每次改的时候都好想哭……

最后再说说样式属性的排列顺序了。说真的,这个平时还真没太去注意过,我在网上查了一下Mozilla推荐的书写规范,但却不知为何这样推荐,我觉得大概是跟浏览器解析的过程有关吧。

//显示属性
display
list-style
position
float
clear
//自身属性
width
height
margin
padding
border
background
//文本属性
color
font
text-decoration
text-align
vertical-align
white-space
other text
content

前端开发怎样禁止页面滚动 web前端开发自学需要多久 前端开发面试题答案

» 本文来自:前端开发者 » 《WEB前端CSS书写习惯问题》
» 本文链接地址:https://www.rokub.com/5333.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!