设计CSS网页时的常用规范有哪些

      在设计CSS网页的时候不规范就会使得别人看不懂你写的代码,因此CSS命名规范是一件很重要的事情,那么你知道在设计CSS网页时的常用规范有哪些吗?

      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

……

      常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。对于二级类/ID命名,则采用组合书写的模式,后一个单词的首字母应大写:诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn”……

      看完上面爱站技术频道小编为你介绍关于设计CSS网页时的常用规范有哪些后,你对CSS网页的常用规范是否有了进一步的了解?