我认为最节省时间的CSS命名规范

CSS命名规范一

　　js中对变量的命名最好使用camel case驼峰式命名法，但CSS中更适用于red-box命名规范。

CSS命名规范二 BEM命名规范

　　B=>block E=>element M=>modifier

　　1.组件的子组件 用两条下划线命名 stick-man__head

　　2.对组件的修饰 用两条短线命名 stick-man--red

　　3.与js代码有关的 用js-开头命名 js-stick-man

　　4.使用属性 用属性名命名 [rel='js-stick-man']

转载于:https://www.cnblogs.com/surui/p/8999782.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/414106.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

2019年终总结-2020展望「持续更新至31号」

2019年终总结-2020展望「持续更新至31号」

粗略的统计了一下，2019 在博客园发布了约 140 篇文章，写文章有一段时间了，最开始的初衷就是记录自己平时开发遇到的 Bug，能更快捷的调取笔记； 写着写着，迎来了第 52 个关注者… 2019 或许是自己最艰难的一年…
阅读更多...
前端学习（2849）：简单秒杀学习之浮动

前端学习（2849）：简单秒杀学习之浮动

1浮动和不浮动 2下移和卡住 3环绕 4清除浮动 5浮动实际应用
阅读更多...
mac 删除垃圾篓中的文件

mac 删除垃圾篓中的文件

1.打开终端输入： sudo rm -rf /Volumes/kaid/.Trashes/ 2.输入本机密码 转载于:https://www.cnblogs.com/kaid/p/9004495.html
阅读更多...
前端学习（2850）：简单秒杀系统学习之绝对定位

前端学习（2850）：简单秒杀系统学习之绝对定位

<html><head><meta http-equiv"Content-Type" content"text/html; charsetutf-8" /><title>CSS绝对定位</title><style type"text/css">div{background-color: Red;width: 30px;height: 30px;}#box_relativ…
阅读更多...
「声明」本博客自动采集于博客园-niceyoo

「声明」本博客自动采集于博客园-niceyoo

开启了 CSDN 的博客搬家功能&#xff0c;自动同步博客园的文章信息。 所以本博客200篇文章有时不予回复、望体谅。 博客园链接&#xff1a;https://www.cnblogs.com/niceyoo
阅读更多...
django channels

django channels

一直都是用HTTP请求糊里糊涂的实现了一次请求&#xff0c;一次响应。最近尝试用Django这种框架实现websocket&#xff0c;用的是Django channels&#xff0c;结合官网给的例子&#xff0c;实现了日志动态展示到页面。源码地址: 但是对于其原理&#xff0c;却想研究一番。 先看一…
阅读更多...
前端学习（2851）：简单秒杀系统学习之相对定位

前端学习（2851）：简单秒杀系统学习之相对定位

<html><head ><meta http-equiv"Content-Type" content"text/html; charsetutf-8" /><title>CSS相对定位</title><style type"text/css">div {background-color: Red;width: 30px;height: 30px;}#box_relat…
阅读更多...
PLSQL执行SQL脚本文件「适用批量」- 工具使用篇

PLSQL执行SQL脚本文件「适用批量」- 工具使用篇

前言 开局一条狗&#xff0c;装备全靠打 这篇文章应该是 2019 年最后一文章了&#xff0c;分享一下 PLSQL 是如何执行 SQL 脚本文件的。 关于执行 SQL 文件&#xff0c;下方是自己经常使用的一种方式&#xff0c;同样适用于批量文件。 好了。废话少说&#xff0c;看正文吧。 正…
阅读更多...
Angular路由——子路由

Angular路由——子路由

一、子路由语法&#xff1a; 二、实例 在商品详情页面&#xff0c;除了显示商品id信息&#xff0c;还显示了商品描述&#xff0c;和销售员的信息。 通过子路由实现商品描述组件和销售员信息组件展示在商品详情组件内部。 1、新建2个组件修改其内容 ng g component productDesc …
阅读更多...
前端学习（2852）：简单秒杀系统学习之鼠标点击方法

前端学习（2852）：简单秒杀系统学习之鼠标点击方法

<html><head><meta http-equiv"Content-Type" content"text/html; charsetutf-8" /><title>css鼠标样式</title></head><body><a href"####" style"cursor:pointer">hello world1<…
阅读更多...
我为什么会选择计算机专业之 《我的编程人生前传》

我为什么会选择计算机专业之 《我的编程人生前传》

前言 今天是 2020 年的第一天 「1月1号 | 元旦」&#xff0c;新年的第一篇文章&#xff0c;突发奇想「放假闲的」&#xff0c;打算写一篇小学白话文 - 我为什么会选择计算机专业&#xff0c;同时也让大家更加了解我「骗关注」。 本文故事绝对真实&#xff0c;均为博主亲身经历&…
阅读更多...
Educational Codeforces Round 42 (Rated for Div. 2)

Educational Codeforces Round 42 (Rated for Div. 2)

Link C. Make a Square 题意 给你一个数N&#xff0c;你可以在其中删除几位&#xff0c;使剩下的数字组成一个新数是个平方数&#xff0c;问最小的删除位数&#xff0c;不能的话输出‘ -1 ’ 分析 D. Merge Equals 题意 输入n&#xff0c;接下来输入n个数ai。每次从左往右&…
阅读更多...
前端学习（2853）：简单秒杀系统学习之页面事件

前端学习（2853）：简单秒杀系统学习之页面事件

1页面编辑事件 2页面编辑事件 3表单事件 4页面相关事件
阅读更多...
错误代码 insufficient-isv-permissions 错误原因: ISV权限不足

错误代码 insufficient-isv-permissions 错误原因: ISV权限不足

前言 PC网页吊起支付宝支付界面报了如下这么个错误&#xff1a; 我明明申请的支付宝支付功能列表的签约已经生效了呀&#xff01;怎么回事呢&#xff1f; 解决 支付宝商户中心&#xff1a;https://b.alipay.com/signing/productSetV2.htm?mrchportalwebServerhttps%3A%2F%2Fmr…
阅读更多...
前端学习（2854）：简单秒杀系统学习之settimeout

前端学习（2854）：简单秒杀系统学习之settimeout

<html> <head><meta http-equiv"Content-Type" content"text/html; charsetutf-8" /><title>test</title></head> <body> <h1><font colorblue> 示范网页 </font> </h1> <p><…
阅读更多...
C++学习（一）之Visual Studio安装以及首次使用

C++学习（一）之Visual Studio安装以及首次使用

一、安装Visual Studio 首先下载Visual Studio 链接&#xff1a; http://pan.baidu.com/s/1pLhJt0Z 密码&#xff1a;uqyc 将.ios文件解压得到以下文件&#xff1a; 点击vs_ultimate.exe文件&#xff0c;开始运行安装&#xff1a; 安装地址自己随意&#xff0c;将两个选项都选中…
阅读更多...
[vue] 从0到1自己构架一个vue项目，说说有哪些步骤、哪些重要插件、目录结构你会怎么组织

[vue] 从0到1自己构架一个vue项目，说说有哪些步骤、哪些重要插件、目录结构你会怎么组织

[vue] 从0到1自己构架一个vue项目&#xff0c;说说有哪些步骤、哪些重要插件、目录结构你会怎么组织 1 项目类型 前端的项目目前来看主要分为小程序开发&#xff0c;H5页面开发、PC官网、后台管理系统开发、Native开发。不同的项目所涉及的知识点和环境不太一样&#xff0c;但…
阅读更多...
JMS学习（一）

JMS学习（一）

转自&#xff1a;https://blog.csdn.net/jiuqiyuliang/article/details/46701559 1.基本概念 JMS是java的消息服务&#xff0c;JMS的客户端之间可以通过JMS服务进行异步的消息传输。 2.消息模型 P2P Pub/Sub 3.P2P 模式&#xff1a; 消息队列&#xff08;Queue&#xff09;发送…
阅读更多...
macos 致命错误: 在类路径或引导类路径中找不到程序包 java.lang

macos 致命错误: 在类路径或引导类路径中找不到程序包 java.lang

本文环境&#xff1a;MacOS 程序运行没有问题&#xff0c;但在 maven 打包时&#xff0c;报了如下错误&#xff1a; 致命错误: 在类路径或引导类路径中找不到程序包 java.lang [INFO] ------------------------------------------------------------- [ERROR] COMPILATION ERRO…
阅读更多...
[vue] 你知道vue的模板语法用的是哪个web模板引擎的吗？说说你对这模板引擎的理解

[vue] 你知道vue的模板语法用的是哪个web模板引擎的吗？说说你对这模板引擎的理解

[vue] 你知道vue的模板语法用的是哪个web模板引擎的吗&#xff1f;说说你对这模板引擎的理解 模板引擎&#xff1a; 负责组装数据&#xff0c;以另外一种形式或外观展现数据。 优点&#xff1a; 可维护性&#xff08;后期改起来方便&#xff09;&#xff1b; 可扩展性&#…
阅读更多...
最新文章

Copyright @ 2022~2023