当前位置: 首页 > news >正文

CSS命名规范(规则) - 易博奕

CSS命名规范(规则)

常用的CSS命名规则

头:header

内容:content/container

尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面外围控制整体佈局宽度:wrapper

左右中:left right center

登录条:loginbar

标志:logo

广告:banner

页面主体:main

热点:hot

新闻:news

下载:download

子导航:subnav

菜单:menu

子菜单:submenu

搜索:search

友情链接:friendlink

页脚:footer

版权:copyright

滚动:scroll

内容:content

标签:tags

文章列表:list

提示信息:msg

小技巧:tips

栏目标题:title

加入:joinus

指南:guide

服务:service

注册:regsiter

状态:status

投票:vote

合作伙伴:partner

注释的写法:

/* Header */

内容区

/* End Header */

id的命名:

1)页面结构

容器: container

页头:header

内容:content/container

页面主体:main

页尾:footer

导航:nav

侧栏:sidebar

栏目:column

页面外围控制整体佈局宽度:wrapper

左右中:left right center

(2)导航

导航:nav

主导航:mainnav

子导航:subnav

顶导航:topnav

边导航:sidebar

左导航:leftsidebar

右导航:rightsidebar

菜单:menu

子菜单:submenu

标题: title

摘要: summary

(3)功能

标志:logo

广告:banner

登陆:login

登录条:loginbar

注册:register

搜索:search

功能区:shop

标题:title

加入:joinus

状态:status

按钮:btn

滚动:scroll

标籤页:tab

文章列表:list

提示信息:msg

当前的: current

小技巧:tips

图标: icon

注释:note

指南:guild

服务:service

热点:hot

新闻:news

下载:download

投票:vote

合作伙伴:partner

友情链接:link

版权:copyright

四、注意事项::

1.一律小写;

2.尽量用英文;

3.不加中槓和下划线;

4.尽量不缩写,除非一看就明白的单词。

五、CSS样式表文件命名

主要的 master.css

模块 module.css

基本共用 base.css

布局、版面 layout.css

主题 themes.css

专栏 columns.css

文字 font.css

表单 forms.css

补丁 mend.css

打印 print.css

http://www.jsqmd.com/news/51693/

相关文章:

  • 《通用叙事与共识构建手册》V1.1 精炼版
  • 基于MATLAB的马尔科夫链蒙特卡洛(MCMC)模拟实现方法
  • 23、print 和 printf 格式化输出
  • Java 虚拟机内存区域划分 - Higurashi
  • 使用modelsim仿真调用Xilinx IP核的通用方法
  • 2025 年 11 月企业管理咨询公司权威推荐榜:战略规划与组织优化专业服务口碑之选
  • 2025 年 11 月企业管理咨询公司权威推荐榜:战略规划、组织优化与绩效提升领域的专业服务与口碑之选
  • 自写new
  • 寺庙小程序开发公司,3家特色寺庙小程序开发公司业务详解:北京小程序/支付宝小程序/抖音小程序/活动小程序全涵盖公司推荐
  • 【源码+数据集+训练教程】基于YOLOv8+Flask+Layui的智能垃圾分类检测架构
  • 2025年结实板材源头厂家权威推荐榜单:口碑板材/耐用板材/EO级板材源头厂家精选
  • 万能欧几里得算法 笔记
  • 2025年11月中国十大咨询公司权威推荐榜:战略管理、财务顾问与数字化转型顶尖品牌深度解析
  • 课程小程序开发公司,3家专业课程小程序开发公司能力拆解:抖音小程序/支付宝小程序/微信小程序全涵盖
  • 四川如何选到专业的PET塑钢打包带生产厂家?求靠谱推荐
  • 2025年冷拔精密管批发厂家权威推荐榜单:精密管/热轧无缝管/精密光亮管源头厂家精选
  • .NET Core嵌入式编程开关量GPIO(控制2个灯泡交替闪烁)
  • 切换到root的方式
  • 2025 十大 LED 移动快拼折叠大屏标杆厂家 高效流动场景首选品牌推荐
  • 使用Maven导入Junit5依赖时的注意事项
  • 构造测试用例
  • WireShark抓包http,解密https - 教程
  • 2025年耐磨陶瓷衬板订制厂家权威推荐榜单:陶瓷橡胶复合板/二合一陶瓷衬板/氧化铝陶瓷片源头厂家精选
  • 2025 年 11 月企业转型升级服务机构权威推荐榜:战略咨询、数字化改造与组织优化服务实力品牌深度解析
  • 使用Java多态性进行数据类型转换
  • 基于Xilinx FPGA的三目摄像头AR0135的图像采集与LCD/HDMI/USB显示
  • 2025年11月薪酬体系设计咨询公司权威推荐榜:战略薪酬架构与绩效激励方案专业定制首选
  • 2025 年 11 月工厂管理咨询公司权威推荐榜:涵盖精益生产、流程优化、成本控制与效率提升的实战型服务品牌深度解析
  • 题解:P8025 [ONTAK2015] Związek Harcerstwa Bajtockiego
  • 习题解析之:摩尔斯电码转换