您现在的位置是：网站首页> 编程资料编程资料
CSS设计网页时的一些常用规范_CSS教程_CSS_网页制作_
2023-11-04
214人已围观
简介 CSS命名规范,让 别人更容易的看懂你的代码，方便二次开发。
CSS命名规范
一．文件命名规范
二．常用类/ID命名规范
常用类的命名应尽量以常见英文单词为准，做到通俗易懂，并在适当的地方加以注释。对于二级类/ID命名，则采用组合书写的模式，后一个单词的首字母应大写：诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn”……
一．文件命名规范
全局样式：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
……
常用类的命名应尽量以常见英文单词为准，做到通俗易懂，并在适当的地方加以注释。对于二级类/ID命名，则采用组合书写的模式，后一个单词的首字母应大写：诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn”……
相关内容
- CSS教程：汇总CSS初学者的几个技巧_CSS教程_CSS_网页制作_
- CSS初学者常犯错误汇总_CSS教程_CSS_网页制作_
- CSS设计网页边框的几个实例_CSS教程_CSS_网页制作_
- 网页设计中典型的header代码结构_CSS教程_CSS_网页制作_
- CSS样式表教程：浏览器默认样式_CSS教程_CSS_网页制作_
- CSS教程：总结清除浮动的方法_CSS教程_CSS_网页制作_
- CSS常用属性的代码简化实例_CSS教程_CSS_网页制作_
- CSS高级技巧:阴影效果_CSS教程_CSS_网页制作_
- 腾讯版雷霆战机钻石使用攻略 如何充分利用钻石_手机游戏_游戏攻略_
- 雷霆战机装备强化无消耗修改可用方法分享_手机游戏_游戏攻略_
