CSS命名规范
2016-06-14 11:11
405 查看
CSS命名规范
一．文件命名规范
全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；
二．常用类/ID命名规范
页 眉：header
内 容：content
容 器：container
页 脚：footer
版 权：copyright
导 航：menu
主导航：mainMenu
子导航：subMenu
标 志：logo
标 语：banner
标 题：title
侧边栏：sidebar
图 标：Icon
注 释：note
搜 索：search
按 钮：btn
登 录：login
链 接：link
信息框：manage
……
一．文件命名规范
全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；
二．常用类/ID命名规范
页 眉：header
内 容：content
容 器：container
页 脚：footer
版 权：copyright
导 航：menu
主导航：mainMenu
子导航：subMenu
标 志：logo
标 语：banner
标 题：title
侧边栏：sidebar
图 标：Icon
注 释：note
搜 索：search
按 钮：btn
登 录：login
链 接：link
信息框：manage
……
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 炫酷的渐变背景
- CSRF原理及预防
- Photoshop利用图层样式快速制作一个剔透的玉石挂坠图标
- HTML之CSS段落样式
- CSS padding 属性有1、2、3、4个值时内边距为多少？
- Selenium中CSS选择器与Xpath根据页面结构定位元素比较
- css中inline、block、inline-block的区别
- css3 边框
- [乐意黎]CSS属性探秘系列：vertical-align
- listview的多条目样式适配
- 关于CSS三列Float布局任务
- CSS学习入门笔记
- css -- 布局元素
- css -- 元素消失的方法
- css -- 高度相等的列 -- 3列高度相等
- css -- 映像 ，分页（上一页下一页）
- CSS布局——水平垂直居中布局总结学习
- css -- 导航条
- css 伪类选择器 :nth-child(n) 与:nth-of-type(n)的区别
- CSS学习5（视觉表现模型）