前端代码书写规范-页面结构

页面结构

容器: container
页头：header
内容：content/container
页面主体：main
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
左右中：left right center
页面外围控制整体布局宽度：wrapper

导航

导航：nav
主导航：mainnav
子导航：subnav
顶导航：topnav
边导航：sidebar
左导航：leftsidebar
右导航：rightsidebar
菜单：menu
子菜单：submenu
标题： title
摘要：summary

功能

标志：logo
广告：banner/ad
登录：login
登录条：loginbar
注册：regsiter

搜索：search
功能区：shop
标题：title
加入：joinus
状态：status
按钮：btn
滚动：scroll
标签页：tab
文章列表：list
提示信息：msg
当前的: current

小技巧：tips
图标: icon
注释：note
指南：guide
服务：service
热点：hot

新闻：news
下载：download
投票：vote
合作伙伴：partner
友情链接：link

版权：copyright

CSS属性书写顺序

CSS规范的书写顺序能够极大地提高代码可读性。建议按照以下顺序书写CSS代码块：

• 布局定位属性，如：

display、position、float、clear、visibility、overflow 等

• 自身属性，如：

width、height、margin、padding、border、background 等

• 文本属性，如：

color、font、text-decoration、text-align、vertical-align、white-space、break-word 等

• 其他属性，如：

content、cursor、border-radius、box-shadow、text-shadow、background：liner-gradient 等