有你在真好 的个人博客
HTML的各标签的样式命名标准小结
阅读:2233 添加日期:2021/3/27 23:25:46 原文链接:https://www.toutiao.com/item/6424601911520920066/

HTML的各标签的样式命名标准小结

一般一个网站的页面中,总会出现很多样式才能布局好一个网页,很多新手都会对样式的命名而烦恼,不知道要怎么命名才比较好,今天就来总结下css样式命名的常见方式。

命名的规范:

命名的字母最好都是小写

尽量使用英文命名原则。英文确实太长的可以用拼音代替。

尽量不缩写,除非那些一看就能明白的单词

网页布局重要部分的css样式命名:

wrap:一般用于最外层

header:用于头部比较适合

main: 常用于主体内容

main-left: 可以做左侧布局

main-right: 用于右侧布局

nav:导航

content:用于文本中的主体比较好

footer:脚部

DIV+CSS命名参考表:

ICP备案号:苏ICP备14035786号-1 苏公网安备 32050502001014号