css 样式class命名规范

最新推荐文章于 2023-03-01 08:36:58 发布
最新推荐文章于 2023-03-01 08:36:58 发布
阅读量777 收藏 1
点赞数 1
分类专栏： div+css 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/boyit0/article/details/78202804
版权
header                                                 头
content/containe                                  内容
footer                                                   尾
nav                                                      导航
sidebar                                                侧栏
column                                                栏目
loginbar                                              登录条
logo                                                    标志
banner                                               广告
main                                                   页面主体
hot                                                     热点
news                                                  新闻
download                                           下载
subnav                                               子导航
menu                                                   菜单
submenu                                             子菜单
search                                                 搜索
friendlink                                             友情链接
footer                                                   页脚
id                                                         版权
scrll                                                      滚动
content                                                 内容
tab                                                       标签页
list                                                        文章列表
msg                                                  提示信息
tips                                                    小技巧
title                                                    栏目标题
joinus                                                加入
guild                                                  指南
service                                              服务
register                                             注册
status                                                状态
vote                                                  投票
partner                                             合作伙伴
夏末_阳光依然耀眼
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS 样式书写规范,css样式书写规范
weixin_42535703的博客
08-04 4843
在工作当中css样式是非常重要的，但是咋样书写css样式更重要。一、css书写规范1、定位属性：position display float left top right bottom overflow clear z-index2、自身属性：width height padding border margin background3、文字样式：font-fami...
div+css样式表的id和class常用命名规则
09-25
用div+css样式表写页面有一段时间了，起初写div+css样式表的时候，最让我头疼的不是怎么写样式，而是给div+css样式起名，怎么样起才合适呢？
最常用的100个ClassName集合
hsany330的专栏
07-09 668
bout 关于 account 账户 action 操作 ad,advertisment 广告 arrow 箭头图标 article 文章 aside 边栏
CSS样式文件和class类名命名规范参考
商务合作 / 项目定制开发 / 前端一对一培训、答疑
07-29 1063
大部分前端程序员都有命名强迫症，要花很长时间来想这个本来不是问题的问题。下面总结了样式文件命名和模块class类别命名
css样式 class命名规范
neusoft-mengxiaoming的专栏
06-16 690
about 关于 account 账户 action 操作 ad,advertisment 广告 arrow 箭头图标 article 文章 aside 边栏 audio 音频
CSS的class常用命名规则
zheng_14451的博客
08-25 7795
CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索
css class 重命名,CSS中class的命名规范
weixin_39840606的博客
08-03 646
避免以视觉效果来命名类尽量避免以类的视觉效果来命名：如.half。因为如果使用响应式布局，你的页面会有多种布局来适应多种显示设备的需求。一个元素可能要在台式电脑上占据一半的宽度，但在移动设备上你可能需要它占据全部的宽度。.half的语义却把这个元素的宽度定死了：如果这样命名，那么在移动设备上你就需要用js删除.half类然后增加.full类！更好的方式是：类名仅描述类的功能，对于那些需要响应式变化...
css class 重命名,前端开发中CSS类名class的命名
weixin_30173361的博客
08-03 1340
前端开发中CSS类名class的命名发布时间：2020-03-26 15:58通常CSS类名命名方式有四种：下划线：class="seach_input"减号：class="seach-input"混乱式：class="seachinput"驼峰式：class="seachInput"CSS类名class是用下划线”_”还是减号”-”,这个没有特殊的规定，一个人写代码的时候想怎么写就怎么写。但是在...
CSS-BEM 命名规范
最新发布
青蛙king的博客
03-01 665
BEM 是一种的 CSS 命名方法和规范。让开发更加规范与便捷，利于团队协作和维护。
css的class常用命名规则
weixin_41883384的博客
06-17 1241
CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则 　　头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right center 　　登录条：loginbar 　　标志：logo 　　广告：banner 　　页面主体：main 　　热点：hot 　　新闻：news...
CSS样式的格式命名,CSS命名规范：BEM
weixin_30096321的博客
08-03 412
什么是 BEM 命名规范Bem 是块(block)、元素(element)、修饰符(modifier)的简写块: 组件元素：块的子节点修饰符：改变某个块的外观的标志，不同状态或不同版本Yandex中文：燕基科斯 提出的一种前端 CSS 命名方法论BEM的关键是，可以获得更多的描述和更加清晰的结构，从其名字可以知道某个标记的含义。于是，通过查看 HTML 代码中的class 属性，就能知道元素之间...
CSS语义化命名方式及常用命名规则
09-25
- **Class命名**：推荐使用描述性的名称，如颜色`.red`, `.f60`，字体大小`.font12px`, 对齐样式`.fl`, `.mt20`，标题`.titleBar`等。 4. **防止命名冲突**： - 在团队合作时，可以在类名前添加团队成员代号或...
CSS命名规则和命名方法
09-24
在CSS（层叠样式表）编程中，正确的命名规则和方法对于提高代码可读性、维护性和团队协作至关重要。以下是一些常用的CSS命名规则和命名方法： ### 命名规则 1. **语义化**：命名应具有描述性，反映元素的实际功能...
好的 CSS 命名规范可以节约 Debug 时间
12-10
简评：Debug CSS 是一种很耗时的操作，如果有良好的命名规范可以节约很多的 Debug 时间。 使用连字符（’-‘）分隔字符串 你可能习惯了在 Javascript 中使用小驼峰的命名方式： var redBox = document....
html5 video视频标签自适应手机样式
热门推荐
夏末、阳光依然耀眼...˜˜羽悠﹏ˇ⊙ˇ
08-09 1万+
css .vid-wrap{ width:100%;background: #000; position:relative; padding-bottom:56.25%; /*需要用padding来维持16:9比例,也就是9除以16*/ height: 0; } .vid-wrap video{ position: absolute; top
js实现span文本选中效果
夏末、阳光依然耀眼...˜˜羽悠﹏ˇ⊙ˇ
11-13 9719
function selectText() { if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(document.getElementById('selectable'));
js上下左右无限循环滚动,js上下滚动效果
夏末、阳光依然耀眼...˜˜羽悠﹏ˇ⊙ˇ
11-26 7933
向上下左右不间断无缝滚动图片的效果(兼容火狐和IE) var speed=30; var colee2=document.getElementById("colee2"); var colee1=document.getElementById("colee1"); var colee=document.getElementById("colee"); colee2.
微信h5页面开发遇到那些坑
夏末、阳光依然耀眼...˜˜羽悠﹏ˇ⊙ˇ
03-23 6668
一、首先是ios对时间date()的支持不一样： var date =new Date("2016-05-31 00:00:00"); 这种写法在安卓和pc上都不正常的，唯独在ios手机上会显示Nan，查阅一些资料，经过一番调试发现： ios上只支持： var date =new Date("2016/05/31"); 这种格式，调试发现 2016/05/31 等
移动wap input登陆框自适应屏幕大小
夏末、阳光依然耀眼...˜˜羽悠﹏ˇ⊙ˇ
07-23 2991
input输入框满屏 body {     height:100%;     background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#4E94C4), to(#EFF8FF));     background-image:linear-gradient(#4E94C4,#EFF8FF);     background-
CSS命名规范与书写指南
“CSS书写规范是页面制作中提升效率的关键，主要采用骆驼式命名法，以增强代码可读性和维护性。以下是对不同元素的详细命名规则和常见用途的阐述。” 在CSS书写规范中，遵循一定的命名约定可以极大地方便团队协作和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值