(一)常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度...regsiter 状态:status 投票:vote 合作伙伴:partner (二)注释的写法: /* Footer */ 内容区 /* End Footer */ (三)id的命名... (3)对齐样式,使用对齐目标的英文名称,如 .left { float:left; } .bottom { float:bottom; } (4)标题栏样式,使用”类别+功能”的方式命名...主要的 master.css 模块 module.css 基本共用 base.css 布局,版面 layout.css 主题 themes.css 专栏 columns.css ...文字 font.css 表单 forms.css 补丁 mend.css 打印 print.css 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/119319
CSS 命名规范 页面外围控制整体布局宽度:wrapper 页头:header 页面主体:main 内容:content 页脚:footer 导航:nav 主导航:mainbav 子导航:subnav
前言: 最近团队要考虑代码风格统一 1 什么是 BEM 命名规范 Bem 是块(block)、元素(element)、修饰符(modifier)的简写,由 Yandex 团队提出的一种前端 CSS 命名方法论...在 css 定义时,也必须依靠层级选择器来限定约束作用域,以避免跨组件的样式污染。...,模块层级关系简单清晰,而且 css 书写上也不必作过多的层级选择。...important; } 2.2 在 CSS 预处理器中使用 BEM 格式 BEM 的一个槽点是,命名方式长而难看,书写不雅。相比 BEM 格式带来的便利来说,我们应客观看待。...组件级作用域的编译实现,其基本原理均为利用 CSS 属性选择器特性,为不同的组件生成不同的属性选择器。
好吧,我的代码虽然实现了和设计一样的界面,但是还是太臭了,类的命名都是特别的差劲。。找了命名规范,,拿来共享一下,警告自己,,代码不仅要实现功能,更要优美,华丽。。...7:写代码就要写出规范的代码,让别人 看得舒服,自己用得也舒服。反复省视代码,看能否更精简。...CSS命名规范(规则) 常用的CSS命名规则 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体佈局宽度...五、CSS样式表文件命名 主要的 master.css 模块 module.css 基本共用 base.css 布局、版面 layout.css 主题 themes.css 专栏 columns.css...文字 font.css 表单 forms.css 补丁 mend.css 打印 print.css
---- 命名 驼峰式命名法介绍 Pascal Case 大驼峰式命名法:首字母大写。...命名方式: 小驼峰式命名方法 命名规范: 类型+对象描述的方式,如果没有明确的类型,就可以使前缀为名词 类型 小写字母 array a boolean b function fn...:全部大写 命名规范:使用大写字母和下划线来组合命名,下划线用以分割单词 推荐: var MAX_COUNT = 10; var URL = 'http://www.baidu.com'; ---- 类的成员...脚本加载 说到js和css的位置,大家应该都知道js放在下面,css放在上面。...规范 id和class的命名 ID和class的名称总是使用可以反应元素目的和用途的名称,或其他通用的名称,代替表象和晦涩难懂的名称。
任何代码编程都有各自特点的常用命名规范,div+css页面设计也不例外。遵守常用的css命名规范有利于代码的升级和扩展,也有利于让别人读懂你的css代码,让你的页面显得清晰有条理。 ?...css文件名命名规范 模块:module.css 基本共用:base.css 布局、版面:layout.css 主题:themes.css 专栏:columns.css 文字:font.css 表单:forms.css...补丁:mend.css 打印:print.css 页面结构元素div命名规范 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column....bottom {float:bottom;} 标题栏样式命名-使用“类别+功能”的方式命名 .barnews { } .barproduct { } 注释书写规范 1.行间注释-直接写于属性值后面,如...大家在日常的页面设计中要逐步养成规范命名的好习惯。
前言 任何代码编程都有各自特点的常用命名规范,div+css页面设计也不例外。遵守常用的css命名规范有利于代码的升级和扩展,也有利于让别人读懂你的css代码,让你的页面显得清晰有条理。...css文件名命名规范 模块:module.css 基本共用:base.css 布局、版面:layout.css 主题:themes.css 专栏:columns.css 文字:font.css 表单:forms.css...补丁:mend.css 打印:print.css 页面结构元素div命名规范 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column...”作为名称 .font12px {font-size: 12px;} .font9pt {font-size: 9pt;} 对齐样式命名-使用对齐目标的英文名称 .left {float:left;}....bottom {float:bottom;} 标题栏样式命名-使用“类别+功能”的方式命名 .barnews { } .barproduct { } 注释书写规范 行间注释-直接写于属性值后面,如:
书写规范使用CSS缩写属性 CSS有些属性是可以缩写的,如下这样精简代码同时又能提高用户的阅读体验。...8266e4bfeda1bd42d8f9794eb4ea0a13.png 连字符CSS选择器命名规范 1.长名称或词组可以使用中横线来为选择器命名。...2.不建议使用“_”下划线来命名CSS选择器,为什么呢?...10fb15c77258a991b0028080a64fb42d-1.png CSS命名规范(规则)常用的CSS命名规则 头header内容content尾footer导航nav侧栏sidebar栏目...CSS样式表文件命名 主要的master.css模块module.css基本共用base.css布局、版面layout.css主题themes.css专栏columns.css文字font.css表单forms.css
常用的css命名规则: 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper...service 注册:register 状态:status 投票:vote 合作伙伴:partner 注释的写法: /* Footer / 内容区 / End Footer */ id的命名...9pt; } (3)对齐样式 使用对齐目标的英文名称,如 .left { float:left; } .bottom { float:bottom; } (4)标题栏样式 使用”类别+功能”的方式命名...主要的 master.css 模块 module.css 基本共用 base.css 布局,版面 layout.css 主题 themes.css 专栏 columns.css 文字 font.css...表单 forms.css 补丁 mend.css 打印 print.css
css中有哪些命名规范 1、小写字母加连字符(又称烤串命名法),禁止下划线和驼峰命名。 2、布局:以g命名空间。 3、状态:以s为命名空间。 表示动态、交互状态。 4、工具:以u为命名空间。...5、组件:以m为命名空间。 表示可重用、移植的组件模块。...} .modExample { padding-left: 15px; } /* good */ .mod-example { padding-left: 15px; } 以上就是css...中的命名规范,希望对大家有所帮助。...更多css学习指路:css教程
我们在对网页进行布局时,比较困惑和纠结的事就是CSS命名,特别是新手不知道什么地方该如何命名,怎样命名才是好的方法。...规范使用CSS命名规则,可以改善优化功效,特别是在团队合作的时候可以有效提高开发效率。...文件命名 master.css,style.css 主要的 module.css 模块 base.css 基本共用 layout.css 布局,版面 themes.css 主题 columns.css...专栏 font.css 文字、字体 forms.css 表单 mend.css 补丁 print.css 打印 三、注释的写法 /*Footer */ 内容区 /* End Footer *.../ 四、类class的书写规范示例 // 1 、颜色:使用颜色的名称或者16进制代码,如 .red { color:red;} .f60 { color:#f60;} .ff8600 { color:#
BEM即块(Block)、元素(Element)、修饰符(modifier),是由著名的俄罗斯搜索引擎团队Yandex提出的一种前端命名方法论。...BEM命名约定更加严格,而且包含更多的信息,一般用于团队开发一个耗时的大项目中。...我们常见的BEM命名方式一般都是经过改良的,本文介绍的是Nicolas Gallagher(Twitter前端工程师)的改进版。...-- 女性的右手 --> 上面的代码使用了常规CSS来表示,各个class都是有意义的,但是他们之间却是脱节的...使用BEM我们可以获得更多的描述和更加清晰的结构,并且通过命名我们就可以知道元素之间的关联。代码如下: <!
BEM 是 Block(块) Element(元素) Modifier(修饰器)的简称 使用BEM规范来命名CSS,组织HTML中选择器的结构,利于CSS代码的维护,使得代码结构更清晰(弊端主要是名字会稍长...,可以复用而不依赖其它组件的部分,可作为一个块(Block) 属于块的某部分,可作为一个元素(Element) 用于修饰块或元素,体现出外形行为状态等特征的,可作为一个修饰器(Modifier) 在本规范中... 在样式文件中,仅以类名作为选择器,不使用ID或标签名来约束选择器,且CSS...(或者SCSS编译后的CSS)中的选择器嵌套不超过2层,增加效率和复用性,减少选择器之间的耦合度 比较常见的嵌套情景:需要通过块状态对内部元素进行调整时 .search-form { position...可转换成设置对应的 元素来表现,如 */ .search-form {} .my-img { &__search-form-logo {} } BEM 规范虽然结构比较清晰,但有时候会产生代码冗余
我们一般在做前端设计网站框架的时候,DIV或者CSS标签名称有没有一个固定的标准?有些朋友是想到哪里写到哪里,有些朋友有自己的规范命名特征,也有些朋友是遵循标准的。...因为在团队协作的时候,有规范的标准是很重要的,便于协作和阅读。今天老蒋突然想到这个问题,主要在于在修改页面的时候,看到有客户的CSS标签名称太过于随意。...所以,包括自己和其他同事朋友协作的时候一定要规范,好歹看着也像专业一些的。这里收集和整理一些规范的CSS命名规范标准,记录下来。...名称命名 CSS文件命名 说明 master.css,style.css 主要的 module.css 模块 base.css 基本共用 layout.css 布局,版面 themes.css 主题 columns.css...本文出处:老蒋部落 » 常用前端CSS命名规范随手记整理 | 欢迎分享
---- 1. java 由字母、数字、下划线、$符号组成 不能以数字开头 名称不能使用JAVA中的关键字 坚决不允许出现中文及拼音命名 类名,接口名--大写驼峰 变量名,方法名--小写驼峰 项目名,包名...数据库 由英文、数字、下划线组成 多个单词用下划线分割 不能出现关键字 全部小写命名 表名--要有库名前缀,并且单数 字段名--不能重复表的名称 3....URL设计 小写字母和连字符 4. git提交规范 feat: 表达你完成了一个功能 fix: 表达你修复了一个bug docs: 书写一些文档 style: 修改了一些代码风格的东西,这些修改并不影响真正的代码运行
CSS常用命名,必须记住 一、常用命名 标题:title 摘要:summary 箭头:arrow 商标:label 网站标志:logo 转角/圆角:corner 横幅广告:banner 子菜单:subMenu...指南:guild 服务:service 热点:hot 新闻:news 下载:download 投票:vote 合作伙伴:partner 友情链接:link 版权:copyright 五、看一些class命名...font9pt{font-size:9pt} 3、对齐样式,使用对齐目标的英文名称,如: .left{float:left} .bottom{float:bottom} 4、标题栏样式,使用类别+功能的方式命名
开发者通常会忽视一个基本的部分,那就是实施CSS命名规范,有些人会在调试和管理庞大的代码库时才意识到糟糕的CSS代码有多可怕。...通过阅读本文,读者应该清楚地了解CSS命名规范及其好处,并熟悉不同的样式命名约定。...遵循命名规范:在工作流程中采用CSS命名规范,以帮助创建结构化和描述性的类名。 分离结构和呈现:在组织CSS时,将与元素的布局和定位相关的样式与覆盖其呈现的其他样式(如颜色、字体、边框等)分开。...在进行中的项目中实施命名约定的策略 教育和培训:实施命名规范的第一步是研究所选择的命名规范、其使用方法和应用。...定期代码审查:随着命名流程的采用,有必要定期审查代码,以确保命名规范被简明一致地应用。 记录命名规范:应该在代码库中添加一个样式指南,说明命名规范的类型、规则和应用示例。
一、驼峰命名法: ①全部小写:变量名中的每一个逻辑断点/每个单词都用下划线隔开。比如:print_employee_paychecks(); ②大小写混合: 1)小驼峰法: 变量一般用小驼峰法标识。...): 常用于类名,函数名,属性,命名空间。...例如:DataBaseUser 二、匈牙利命名法: 基本原则是:变量名=类型+对象描述。...匈牙利命名法关键是:标识符的名字以一个或者多个小写字母开头作为前缀;前缀之后的是首字母大写的一个单词或多个单词组合,该单词要指明变量的用途。...匈牙利命名法通过在变量名前面加上相应的小写字母的符号标识作为前缀,标识出变量的作用域,类型等。这些符号可以多个同时使用,顺序是先m_(成员变量),再指针,再简单数据类型,再其他。
Java命名规范 定义规范的目的是为了使项目的代码样式统一,使程序有良好的可读性。 包的命名 (全部小写,由域名定义) Java包的名字都是由小写单词组成。...但是由于Java面向对象编程的特性,每一名Java程序员都 可以编写属于自己的Java包,为了保障每个Java包命名的唯一性,在最新的Java编程规范中,要求程序员在自己定义的包的名称之前加上唯一的前缀...例如:MAX_VALUE 参数的命名 参数的命名规范和方法的命名规范相同,而且为了避免阅读程序时造成迷惑,请在尽量保证参数名称为一个单词的情况下使参数的命名尽可能明确。...Javadoc注释 Java除了可以采用我们常见的注释方式之外,Java语言规范还定义了一种特殊的注释,也就是我们 所说的Javadoc注释,它是用来记录我们代码中的API的。...变量和常量命名 变量的命名 主要的的命名规范有以下三种: Camel 标记法:首字母是小写的,接下来的单词都以大写字母开头 Pascal 标记法:首字母是大写的,接下来的单词都以大写字母开头
基础规范 表存储引擎必须使用 InnoDB 表字符集默认使用 utf8,必要时候使用 utf8mb4 说明: 1)通用,无乱码风险,汉字3字节,英文1字节 2)`utf8mb4` 是 `utf8`...,扩展性、移植性较差 复制代码 禁止在数据库中存储大文件,例如照片,可以将大文件存储在对象存储系统,数据库中存储路径 禁止在线上环境做数据库压力测试 测试,开发,线上数据库环境必须隔离 命名规范...库备份必须以 bak 为前缀,以日期为后缀 从库必须以 -s 为后缀 备库必须以 -ss 为后缀 表设计规范 单实例表个数必须控制在 2000 个以内 单表分表个数必须控制在 1024 个以内...表的命名最好是加上“业务名称_表的作用”。...可以模糊查询,例如 `like ‘138%’` 复制代码 使用 TINYINT 来代替 ENUM 说明:ENUM 增加新值要进行 DDL 操作 表达是与否概念的字段,必须使用 is_xxx 的方式命名
领取专属 10元无门槛券
手把手带您无忧上云