首页 > 教程 > 关键词 > 命名规则最新资讯 > 正文

编写CSS代码时样式命名的通用规则

2009-09-07 11:40 · 稿源:CSS森林

命名一直是个让我头痛的问题,特别是那些看上去差不多的模块,所以就得想办法啦,我总结了下面的方法,虽然还在试验中。希望对大家有帮助。欢迎大家提出改进的意见。具体如下:

要注意的内容:

一,命名所选用的单词应选择不过于具体表示某一状态(如颜色、字号大小等)的单词,以避免当状态改变时名称失去意义。

二,样式类名由以字母开头的小写字母(a-z)、数字(0-9)、下划线(_)、减号(-)组成。

ID名称由不以数字开头的小写字母(a-z)、数字(0-9)、下划线(_)组成。

可使用类似下面的规则:

[模块前缀 类型 作用]_[名称]_[状态 位置]

约定模块、类型、状态、位置等的所使用的单词或其缩写,保持上面的顺序,尽量保持在两到三个单词说清用途。

例:

通用名词缩写

设置 set

成功 suc

提示 hint

操作 op

密码 pw

菜单 menu

按钮 bt

文本 tx

颜色 c

背景 bg

边框 bor

居中 center

图标 icon

弹出 pop

文本输入框 .input_tx

密码输入框 .input_pw

登录密码输入框 .input_pw_login

日志设置成功提示 .hint_suc_blogset

相册弹出的设置层 .pop_set_photo

公共提示 .hint_bg

文本颜色 .c_tx

段落文本颜色 .c_tx_p

  • 相关推荐
  • 大家在看
  • 华为开源数据库能力 开放openGauss数据库源代码

    今日,华为正式宣布开源数据库能力,开放openGauss数据库源代码,并成立openGauss开源社区,社区官网(opengauss.org)同步上线。

  • 比PS4快100倍 Epic:PS5 SSD性能太强 已重写虚幻5部分代码

    据外媒报道,Epic Games工程副总裁Nick Penwarden近日接受采访时表示,PS5在计算和图形性能上都实现了巨大飞跃,其存储架构也很特别,必须重写虚幻5引擎的部分代码,才能充分发挥PS5 SSD的读写速

  • 字节跳动成立以“电商”明确命名的一级业务部门

    据第一财经报道, 6 月上旬,字节跳动刚刚完成了一轮针对电商业务的组织架构大调整正式成立了以“电商”明确命名的一级业务部门,以统筹公司旗下抖音、今日头条、西瓜视频等多个内容平台的电商业务运营。

  • 疑似索尼神秘新机曝光 或为新一代旗舰 命名Xperia 5 Ⅱ

    近日,在Geekbench上出现了一款型号为7Y6DU1I的神秘索尼新机,该机搭载高通骁龙 865 移动平台,并搭配8GB RAM,运行Android  10 系统。从跑分上看,该机的单核成绩为908,多核成绩为3322。

  • 用算法寻找肿瘤的分子弱点,代码真的能治愈癌症?

    ruxolitinib试验是哥伦比亚大学系统生物学家Andrea Califano历时十年的追求的产物。通过复杂的计算,他对催化癌细胞的分子网络进行建模,并精确定位到转录因子蛋白作为关键因子,从而控制细胞内许多基因表达。

  • 比iPhone 11便宜不少!四款iPhone 12集体现身:命名曝光

    此前,多方权威信源显示,今秋苹果将推出四款iPhone 12机型,包括一款5.4英寸、两款6.1英寸以及一款6.7英寸机型。日前,荷兰T-mobile官网率先公布了iPhone 12的全系命名。相关页面信息显示,今

  • 见证历史:“blacklist”等表述将逐渐从源代码中消失!

    美国、欧洲“Black Lives Matter”运动愈演愈烈。本周消息,谷歌决定放弃 Chrome 浏览器中“blacklist(黑名单)“、“whitelist(白名单)”的用法,后续使用“blocklist”和“allowlist”来替代它们。

  • 苹果12最新消息 iPhone12全系列命名名称曝光

    苹果12系列的四款机型名字分别叫什么?随着 2020 年秋季即将到来,此前有消息表示,iPhone12 系列的命名将延续上代机型的叫法。 6 月 28 日,荷兰电信运营商T-Mobile官方网站上出现了新款iPhone系列机型的命名。

  • 十万以下买什么车好?CS35PLUS不容错过

    对于大多数年轻人来说,购车预算往往在十万左右,而这一级别市场也成为竞争最激烈的细分市场。各家车企面对激烈的竞争,为了吸引消费者的关注,更是推出众多产品来抢占市场。不过也正是因为如此,很多消费者都纠结十万以下买什么车好?而作为国产车企中的老大哥,长安汽车旗下的CS35PLUS无疑是“十万以下买什么车好”的代表之一。初看长安CS35PLUS,你会觉得这款车与市场上其他同级产品有着很大不同。在长安CS35 PLUS身上,虽然也能看到一丝

  • StrategyAnalytics:超宽带芯片正在迈向成功

    Strategy Analytics最新发布的研究报告《UWB的回归:智能手机、汽车、工业等芯片预测》指出,2019年UWB(超宽带)系统和无线电芯片市场实现了飞跃;于此同时,新标准、芯片和应用意味着UWB的复兴。相关资料显示,UWB 技术是一种传输速率高,发射功率较低,穿透能力较强并且是基于极窄脉冲的无线技术。 StrategyAnalytics指出,苹果iPhone11机型采用了全新的U1超宽带无线电芯片以及用于远程无钥匙进入的新汽车标准推动?

  • 快手小店品牌入驻有什么限制规则

    作为品牌方,很多都会想要加入到快手小店当中,但是不清楚到底快手是否对品牌的入驻有什么限制,下面就来为大家分享一下快手小店品牌入驻有什么限制规则。

  • iOS测试版代码透露苹果可能正为旗下服务准备捆绑套餐

    DoNews 6月4日消息(记者 刘文轩)需要定期付费的在线服务越来越多,分别为它们支付费用也是一件麻烦事。苹果推出的一系列在线服务也是如此,目前用户还没有一个可以一次性支付Apple News+、Apple TV+、Apple Music和Arcade的办法。不过据9to5Mac报道,iOS 13.5.5中的代码中,出现“bundle offer”和“bundle subscription”字符串,这意味着,苹果可能正在为旗下的订阅服务准备一个套餐。这些文件据称与苹果自己的服务订阅管理系?

  • iOS代码证实苹果服务套餐计划:捆绑音乐、视频等服务

    苹果拟推服务套餐凤凰网科技讯 北京时间6月4日消息,此前传闻称,苹果公司将推出一个服务套餐,一次订阅就可以使用Apple Music、Apple TV+等服务。现在,科技博客9to5Mac从iOS 13.5.5 beta版代码中发现,苹果确实正在准备这一套餐服务。彭博社去年报道称,苹果最快在2020年推出Apple Music、News+以及TV+服务套餐。如果单独订阅,Apple Music、News+以及TV+现在的家庭共享套餐总订阅价为每月30美元。iOS 13.5.5内部文件提到了“套?

  • 国外运营商上架iPhone 12 证实此前曝光的iPhone12命名方案

    据推特网友发现,近日,荷兰运营商T-Mobile在官网偷偷上架了iPhone12 系列产品,iPhone 12/12 Max/12 Pro/12 Pro Max均在列。而这也证实了此前曝光的iPhone12 命名方案的真实性。这是官方渠道首次泄露苹果 2020 年 iPhone 12 阵容的具体命名。

  • Serverless架构的前世今生

    一、Serverless简介云计算的不断发展,涌现出很多改变传统IT架构和运维方式的新技术,而以虚拟机、容器、微服务为代表的技术更是在各个层面不断提升云服务的技术能力,它们将应用和环境中很多通用能力变成了一种服务。但无论这些技术应用在哪里,帮助企业“降本增效”是技术变革永恒的主题。Serverless架构的出现,带来了跨越式的变革。Serverless下主机管理、操作系统管理、基础软件的部署运维、资源分配和扩缩容能力全部由云厂?

  • iPadOS代码显示苹果正在研发调节屏幕、键盘背光的快捷方式

    DoNews 6月5日消息(记者 刘文轩)苹果刚刚推送的iOS/iPadOS 13.5.5测试版代码透露了很多信息,除了先前曝光的Apple News+ Audio和捆绑订阅外,苹果似乎还在研究如何通过快捷方式操控键盘背光。9to5Mac报道称,iOS 13.5.5的代码中提到了部分功能键的键盘快捷方式。这些代码表明存在新的键盘快捷方式,用于更改iPad屏幕和键盘背光亮度。但是这些代码在目前尚未生效,这些快捷方式能否自定义,目前也不得而知。苹果今年推出新款iPad

  • 《Valorant》特战英豪提示错误代码43解决方法

    《Valorant》特战英豪是拳头旗下的 FPS 新游,游戏现在已经上线公测,许多玩家在下载游戏后打开的时候遇到了提示错误代码 43 的问题,接下来为大家带来解决的方法。

  • 度小店怎么退款 度小店售后退款规则

    度小店平台要怎么退款操作,如果遇到了不满意的商品,用户如何与商家进行退款、退换货呢,这里我们来看下度小店的退款等售后规则介绍。

  • 跨境收款别担心,有亚马逊全球收款(ACCS)就够了

    收款,可以说是跨境电商卖家业务全流程中最重要的环节。跨境电商业务中的选品、采购、仓储、物流、营销等环节都需要依托于稳定的资金链来进行,而收款的高效安全稳定是卖家回笼货款并用于下一流程业务开展的关键。近期某国外支付平台破产暴雷,卖家辛辛苦苦销售货品所得的货款无法拿到手,没有比这更糟心的事了。要想做好跨境电商业务,选择一个稳定安全的收款渠道也是一门必修课。今天就给大家介绍一下近来市场上炒得火热的亚马逊官方?

  • 完美世界协助警方抓获CSGO外挂“Killer”制售团伙

    近日,CS:GO官方发文称,国服自上线以来,一直对作弊现象采取零容忍态度,坚决打击任何破坏游戏公平性的行为。近日,完美世界联合警方,成功打掉一个CS:GO外挂跨省制售团伙,抓获犯罪嫌疑人3名,其涉案金额高达百余万元。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议

热文

  • 3 天
  • 7天