CSS命名规范 BEM 颜色 【全局】

最新推荐文章于 2024-09-19 06:57:12 发布
最新推荐文章于 2024-09-19 06:57:12 发布
阅读量937 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lakeson/article/details/104017494
版权

颜色命名

根据色值的命名：

https://www.color-blindness.com/color-name-hue/

https://encycolorpedia.com/f0b688

https://louisem.com/29880/color-thesaurus-infographic

 

根据使用频率：

primary, secondary, tertiary, neutral

 

根据颜色深浅：

blue, light-blue, dark-blue

全局框架命名

 

==》related-display.less这里是相关联的样式尺寸，比如2个组件都得有相同的高度这种。

命名规范：

http://nec.netease.com/standard/css-practice.html

BEM命名方式

别人的命名： 

css 命名：BEM, scoped css, css modules 与 css-in-js详解
11-19
BEM是一种流行的CSS命名方法，旨在创建清晰、模块化的样式结构。它的命名规则为`.block__element--modifier`。`block`代表一个独立的UI模块，如`.dropdown-menu`；`element`是`block`内的子元素，如`.dropdown-menu...
bootstrap中主题颜色的修改影响到的基本工具类的样式
qq_42372534的博客
08-20 1091
1.在bootstrap.css中搜索primary,发现有以.xxx-primary开头的类有 .table-primary，影响表格的background-color .btn-primary，影响按钮的background-color和border-color .bg-primary,影响background-color .text-primary,影响字体颜色color .border-primary，边框颜色 2. bootstrap的主题色名称 共有8个 priamry secondary
CSS命名规范BEM(1)，HTML标签分类
2401_84023787的博客
04-04 723
面试前要精心做好准备，简历上写的知识点和原理都需要准备好，项目上多想想难点和亮点，这是面试时能和别人不一样的地方。还有就是表现出自己的谦虚好学，以及对于未来持续进阶的规划，企业招人更偏爱稳定的人。万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】前端面试题汇总JavaScript前端资料汇总一个人可以走的很快，但一群人才能走的更远。
CSS 颜色名
最新发布
csbysj2020的博客
09-19 237
CSS 颜色名是一种直观的颜色指定方式，它使用预定义的颜色名称来设置颜色。这种方式简单易懂，不需要记住复杂的代码，非常适合初学者和快速原型设计。然而，颜色名的数量有限，可能无法满足所有设计需求。
玩转 CSS 变量
高先生的猫
08-24 464
如果当年的css预处理器变量对于初入前端的我来说是开启了新世界的大门，那么css变量对于我来说无疑就是晴天霹雳。其功能不但可以优雅的处理之前js不好处理或不适合的业务需求。更在创造力无穷的前端开发者手中大放异彩。 基础用法 在前端的领域中，标准的实现总是比社区的约定要慢的多，前端框架最喜欢的 $ 被 Sass 变量用掉了。而最常用的 @ 也被 Less 用掉了。官方为了让css变量也能够在 Sass 及 Less 中使用，无奈只能妥协的使用 --。 <style> ...
变量命名的通用规则
qq_40544338的博客
08-31 5990
目录 一、参考 一 、普通变量: 一 、 MFC中ID 一 、vc资源名字定义格式: 一 、 MFC 消息命名 一、注意： 1、变量名只能是字母（A-Z,a-z）、数字(0-9)或下划线。 1、第一个字母不能是数字，例如2Lerver这不是一个合法的C++变量。 1、不能是c++关键字，例如不能用class这个单词来命名一个变量。 1、区分大小写，例如iA和i...
【CSS颜色指南】：看完这一篇就明白CSS常见颜色表示方法
翼同学
10-18 5287
有关CSS的颜色表示方法有几种？常见的颜色表示怎么用？有哪些关键字关于颜色取值的？
css总结
小侯
12-15 1795
css总结
CSS命名规范
12-19
### CSS命名规范详解 在网页开发中，CSS（层叠样式表）是不可或缺的一部分，它负责定义HTML元素的样式和布局。然而，随着项目的规模逐渐增大，无序或不一致的CSS命名规则会导致代码难以维护和理解。因此，遵循一套...
深入解读CSS的OOCSS和SMACSS以及BEM
09-25
BEM（Block Element Modifier）是Yandex公司提出的一种CSS命名规范，旨在解决CSS选择器的复杂性和组件化开发的问题。BEM的命名方法遵循三个原则： - Block：代表独立的UI组件，如`header`或`button`。 - Element：...
css命名规范
04-25
CSS命名规范是编写高效、可维护的CSS代码的关键。遵循良好的命名规则可以帮助团队成员更好地理解代码，减少误解，提升协作效率。以下是一些核心的CSS命名规范和实践： 1. **文件命名规范**： - 全局样式：通常命名...
scss全局变量，主题色
_小郑有点困了的博客
11-27 2304
scss文件 /*需要切换的颜色变量*/ $color-theme1:red; /* 更换的颜色 */ $color-theme2:orange; /* 更换的颜色 */ $color-theme3:green; /* 更换的颜色 */ $color-theme4:blue; /* 更换的颜色 */ /*定义方法*/ @mixin color_primary($color){ color:$color; /*判断匹配*/ [data-theme="primary1"] & {
android之规范命名
lizhong
10-08 599
命名，是规范代码很重要的一部分，虽然没有统一的标准，但是很多命名方式，例如方法名，常量，变量，资源名等许多的命名方式在行业基本形成统一写法，这里复习一下命名： 仅供参考 一、包命名，单词全部小写 域名反写+项目名称+模块名称,例如： activity包: cf(域名).paradoxie（项目）.lanya（模块）.activity （类） 1、实体包: cf.paradoxie.d...
项目使用全局颜色
qq_43235503的博客
08-17 264
项目使用全局颜色
关于颜色理论
zhubo22的专栏
11-30 663
1. Color Wheel 所谓Color Wheel，就是将一系列颜色，有次序地通过一个圆盘的形式，展现出来。 它的产生方式是，首先列出三原色（PRIMARY COLORS）：红、黄、蓝。 然后，二二混合，产生二级颜色（SECONDARY COLORS）：绿、橙、紫。 接着，继续二二混合，又产生6种三级颜色（TERTIARY COLORS）：黄橙、红橙、红紫、蓝紫、黄绿、蓝
CSS零碎知识点（1）——设置全局背景色
二木成林
11-14 3586
下面的代码创建一个div盒子并设置背景色，但是不是全局背景色。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style type="text/css"> #app { background: #00FFFF; } </style> </head> <body> <div
css通用命名大全,CSS的常用命名及规范
weixin_42515377的博客
08-04 4130
常用命名标题：title摘要：summary箭头：arrow商标：label网站标志：logo转角/圆角：corner横幅广告：banner子菜单：subMenu搜索：search搜索框：searchBox登录：login登录条：loginbar工具条：toolbar下拉：drop标签页：tab当前的：current列表：list滚动：scroll服务：service提示信息：msg热点：hot新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值