码迷,mamicode.com
首页 > Web开发 > 详细

CSS编写规范

时间:2017-06-11 18:30:11      阅读:286      评论:0      收藏:0      [点我收藏+]

标签:友情链接   tips   命名方式   tip   table   搜索   nav   load   download   

六、常用CSS选择符命名参考

导航

nav

页头

header

主导航

mainnav

页面主体

main

顶导航

topnav

内容

content

子导航

subnav

页脚

footer

菜单

menu

版权

copyright

子菜单

submenu

登陆

login

标志

logo

侧栏

sidebar

广告

banner

搜索

search

滚动

scroll

标签页

tab

小技巧

tips

合作伙伴

partner

加入

joinus

标题

title

注册

regsiter

指南

gUIld

新闻

news

下载

download

按钮

button

状态

status

服务

service

投票

vote

注释

note

友情链接

friendlink

提示信息

msg

   

注意:命名方式使用“类别_功能”的方式(.bar_news{} .bar_product{})。

七、 DIV+CSS页面的布局

Table布局由于代码冗余已经过时,所以HTML页面普遍采用代码简洁Div+CSS的布局,HTML页面大体可分为top、main和bottom,在main中又可以为left和right,这些CSS的名必须是有意义的名字。如下面代码:

<body>

<div class="body">

<div class="top">

</div>

<div class="main">

<div class="left">

</div>

<div class="right">

</div>

</div>

<div class="bottom">

</div>

</div>

</body>

目前table主要是用来展现数据表,反正在布局中尽量少用table。

CSS编写规范

标签:友情链接   tips   命名方式   tip   table   搜索   nav   load   download   

原文地址:http://www.cnblogs.com/yr777/p/6985737.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!