css文件命名规范以及常用类命名、ID命名规范

一、css文件命名规范
css文件命名和css样式命名都差不多，主要根据当前元素而选用相对含义的单词或缩写组合来命名。
全局样式：global.css；
框架布局：layout.css；
字体样式：font.css；
链接样式：link.css；
打印样式：print.css；
主题样式：themes.css
表单样式：forms.css

二、常用类、ID命名规范
ID和class命名：ID和class的命名应反映该元素的功能或使用通用名称，不要用抽象的晦涩的命名。反映
元素的使用目的是首选；使用通用名称代表该元素不表特定意义，与其同级元素无异，通常是用于辅助命
名；使用功能性或通用的名称可以更适用于文档或模版变化的情况。
页　眉：header
内　容：content
容　器：container
主　体：main
页　脚：footer
版　权：copyright
栏　目：column
左右中：left right center
布局宽度：wrapper　
导　航：nav
主导航：mainnav
子导航：subnav
菜　单：menu
子菜单：submenu
标　题：title
标　志：logo
广　告：banner
摘　要：description
侧边栏：sidebar
图　标：Icon
注　释：note
搜　索：search
按　钮：btn
登　录：login
链　接：link
信息框：manage
列　表：list
滚　动：scroll
新　闻：news
下　载：download
热　点：hot
标　签：tag
提示信息：msg
服　务：service
投　票：vote
合作伙伴：partner
三、举例常用类、ID命名的写法：
头部：#header
头部左侧：#header_left
头部右侧：#header_right
头部中间：#header_center
以上内容就是笑清风博客对css文件命名以及css样式命名的全部内容。

打赏

微信扫一扫，打赏作者吧～