您现在的位置是:网站首页> 编程资料编程资料
常用的 css 命名规则(推荐)值得收藏的CSS命名规范(规则)常用的CSS命名规则 CSS命名规则和命名方法浅谈css命名规则(新手必看)CSS语义化命名方式及常用命名规则CSS书写规范、顺序和命名规则常用的CSS命名规则 web标准化设计编写CSS代码时样式的命名规则CSS 样式命名规则CSS 文件命名规则CSS的class与id常用的命名规则
2021-09-04
949人已围观
简介 下面小编就为大家带来一篇常用的 css 命名规则(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦
常用的 css 命名规则(推荐)
头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
登录条:loginbar
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:download
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
友情链接:friendlink
页脚:footer
版权:copyright
滚动:scroll
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
注册:regsiter
状态:status
投票:vote
合作伙伴:partner
(1)页面结构
容器: container
页头:header
内容:content/container
页面主体:main
页尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
(2)导航
导航:nav
主导航:mainbav
子导航:subnav
顶导航:topnav
边导航:sidebar
左导航:leftsidebar
右导航:rightsidebar
菜单:menu
子菜单:submenu
标题: title
摘要: summary
(3)功能
标志:logo
广告:banner
登陆:login
登录条:loginbar
注册:regsiter
搜索:search
功能区:shop
标题:title
加入:joinus
状态:status
按钮:btn
滚动:scroll
标签页:tab
文章列表:list
提示信息:msg
当前的: current
小技巧:tips
图标: icon
注释:note
指南:guild
服务:service
热点:hot
新闻:news
下载:download
投票:vote
合作伙伴:partner
友情链接:link
版权:copyright
主要的 master.css
模块 module.css
基本共用 base.css
布局,版面 layout.css
主题 themes.css
专栏 columns.css
文字 font.css
表单 forms.css
补丁 mend.css
打印 print.css
以上这篇常用的 css 命名规则(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
相关内容
- CSS3实现复选框动画特效示例代码 HTML+CSS实现单选框、复选框美观的样式利用CSS3实现单选框动画特效示例代码纯css3实现效果超级炫的checkbox复选框和radio单选框CSS3实例分享--超炫checkbox复选框和radio单选框CSS3实现的表单单选框、复选框特效CSS自定义绿色复选框按钮样式使用CSS实现页面复选框的方法纯CSS实现自定义单选框和复选框功能
- 利用CSS3实现单选框动画特效示例代码CSS3美化单选/复选/开关按钮样式特效源码CSS3实现单选和多选按钮美化样式特效源码纯css3制作checkbox单选按钮美化样式特效源码CSS3实现的多种复选框和单选按钮美化效果源码CSS3实现创意的高尔夫单选ui交互特效代码
- 修改UL和LI间隔的简单方法li行间距大(IE中多了5个像素)的解决方法
- 解决img在div中居中的问题关于div中img,span垂直居中的问题html5实现适用于手机端的div图片放大预览效果源码DIV+CSS实现带三角箭头的提示框 div被iframe遮住的几种情况及解决方法DIV点击折叠实例代码DIV始终浮动在页面底部设置一个DIV块固定在屏幕中央的两种方法(推荐)CSS设置DIV垂直居中的N种方法 兼容IE浏览器 CSS文本和div垂直居中方法总结 CSS控制DIV层显示和隐藏的实现方法
- a标签有小手状和无小手状css的属性介绍a标签下载链接的简单实现元素绝对定位以后设置了高宽,a标签不能点击的原因及解决方法深入浅出meta标签 html meta标签的使用总结(推荐)HTML的meta标签常见用法集锦HTML的a标签href属性指定相对路径与绝对路径的用法讲解移动端html5 meta标签的神奇功效实例讲解HTML5的meta标签的一些应用
- 利用纯CSS3实现tab选项卡切换示例代码CSS实现导航条Tab切换的三种方法介绍一款纯css3实现的tab选项卡的实列教程CSS3华丽的Tab菜单当鼠标滑过时会出现展开动画CSS3 Tab动画实例之背景切换动态效果
- css3 盒模型以及box-sizing属性全面了解谈谈对css属性box-sizing的了解CSS3 box-sizing属性详解使用CSS3的box-sizing属性解决div宽高被内边距撑开的问题CSS3属性box-sizing使用指南css3 box-sizing属性使用参考指南CSS3 box-sizing属性详解CSS3中的box-sizing(content-box与border-box)
- CSS选择器的权重与优先规则分享CSS 选择器演示全面了解css 属性选择器CSS的相邻兄弟选择器用法简单讲解举例讲解CSS的子元素选择器用法CSS选择器实现字段解析
- CSS hacker使用小结(兼容IE6、7、8)史上最全的CSS hack方式一览(兼容多浏览器)
- ie6 z-index不起作用的完美解决方法IE6 select z-index无效,遮挡div bug的解决方法div层调整z-index属性在IE中无效原因分析及解决方法z-index ie6下的解决方案 css设置z-index 失效的解决方法