CSS常用选择器名

一、页面结构划分

box 盒子
wrap 包裹
container 容器


header 头部
main 主要区域
footer 底部

content 内容区域
banner 横幅广告区域
menu 菜单

 

二、模块划分

mod 模块,常用mod1,mod2 ,mod3 , mod4....等用于表示模块分组。

mainMenu 主菜单,用于表示首页的菜单
mainnav 主导航,用于表示首页的导航

nav 导航

top 顶部
topnav 顶部导航
topbar 顶部工具(菜单)区域 常用于商场页面。

sidebar 侧栏
subnav 子级导航
regbox 注册模块
loginbox 登录模块


bottom 底部
bottomnav 底部导航
bottombar 底部工具

left 左
right 右


三、子栏目划分

title 标题
msg 信息
vote 投票
tab 标签页
icon 图标
note 注释
logo
button 按钮
login 登录
breadcrumbs 面包屑
search 搜索框
searchBar 搜索工具条
search_results 搜索结果
siteinfo 网站信息
joinus 加入我们
weather 天气
city 城市
tag 标签
tip 提示
hot 热,推荐
copyright 版权
friendLink 友情链接
center 居中
middle 垂直居中
manage 信息框
branding 商标
partner 合作伙伴service
service 服务
tool 工具条
arr 箭头
stiemap 网站地图
guild 指南
drop 下拉
dorpmenu 下拉菜单
status 状态
scroll 滚动
news 新闻
download 下载
blog 博客
forum 论坛

页面产品的CSS常用取名
products 产品
products_prices 产品价格
products_description 产品描述
products_review 产品品论
news_products 最新产品

 

2.样式文件常用名

全局/通用样式
global.css
common.css

基本共用
base.css

主题样式:
themes.css

表单样式:
forms.css

补丁样式:
mend.css

框架布局:
layout.css

字体样式:
font.css

打印样式:
print.css

栏目样式:
column.css

综合样式:
style.css

单独样式:
文件名.css

 

注:每个主结构向内化分,可以用_r、_l、_t、_m、_b来表示。

原文地址:https://www.cnblogs.com/HCJJ/p/5025253.html