规范命名css选择器规范命名
1.为什么要规范css选择器命名?
由上到下,如果不规范css选择器命名,就会混乱,而且写代码速度慢很的。写代码时,心理:想清楚它应该命名什么,另一个又应该命名什么
2.css选择器命名
wrapper 页面外围控制整体布局宽度
#container或#content 容器,用于最外层
layout 布局
head, header 页头部分
foot, #footer 页脚部分
nav 主导航
subnav 二级导航
menu 菜单
submenu 子菜单
sideBar 侧栏
sidebar_a, #sidebar_b 左边栏或右边栏
main 页面主体
tag 标签
msg #message 提示信息
tips 小技巧
vote 投票
friendlink 友情连接
title 标题
summary 摘要
loginbar 登录条
searchInput 搜索输入框
hot 热门热点
search 搜索
search_output 搜索输出和搜索结果相似
searchBar 搜索条
search_results 搜索结果
copyright 版权信息
branding 商标
logo 网站LOGO标志
siteinfo 网站信息
siteinfoLegal 法律声明
siteinfoCredits 信誉
joinus 加入我们
partner 合作伙伴
service 服务
regsiter 注册
arr/arrow 箭头
guild 指南
sitemap 网站地图
list 列表
homepage 首页
subpage 二级页面子页面
tool, #toolbar 工具条
drop 下拉
dorpmenu 下拉菜单
status 状态
scroll 滚动
.tab 标签页
.left .right .center 居左、中、右
.news 新闻
.download 下载
banner 广告条(顶部广告条)
很多:与选择自己需要的
进行查看