web

CSS命名规则

2019-02-12  本文已影响27人  Viarotel

CSS命名规则:

(一)网页设计中常用的CSS命名规则:

(二)id的命名:

(1)页面结构

(2)导航

(3)功能

(三)class的命名:

(1)颜色:使用颜色的名称或者16进制代码

如:

​ red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }

       .font12px { font-size: 12px; }
       .font9pt {font-size: 9pt; }

(3)标题栏样式,使用"类别+功能"的方式命名

(2)标题栏样式,使用"类别+功能"的方式命名

如:

        .barnews { }
        .barproduct { }

(四)变量的命名

注意事项:

上一篇下一篇

猜你喜欢

热点阅读