CSS命名法

简介: 一、Css命名法:   1.驼峰命名法:除第一个单词的首字母小写之外,其余的单词首字母均大写。如:#headBlock(2).   2.帕斯卡命名法:所有单词的首字母均大写。如:#HeadBlock(3).

一、Css命名法:

  1.驼峰命名法:除第一个单词的首字母小写之外,其余的单词首字母均大写。如:#headBlock(2).

  2.帕斯卡命名法:所有单词的首字母均大写。如:#HeadBlock(3).

  3.匈牙利命名法:在名称前加上一个或多个小写字母作为前缀.如:#head_Navigation;

二、页面模块常用CSS命名

头:header 热点:hot
内容:content 新闻:news
尾:footer 下载:download
导航:nav 广告:banner
侧栏:sidebar 页面主体:main
栏目:column 子导航:subnav
页面外围包含所有元素:wrapper 菜单:menu
左右中:left、right、center 子菜单:submenu
登录条:loginbar 版权:copyright
标志:logo 友情链接:friendlinks

 

相关文章
|
前端开发 JavaScript
CSS的命名是规范的吗?应该如何优化?底层原理是什么?
CSS的命名是规范的吗?应该如何优化?底层原理是什么?
190 0
|
前端开发
BEM - 一种前端CSS命名方法论
BEM - 一种前端CSS命名方法论
130 0
|
前端开发 搜索推荐
2021前端最新DIV+CSS规范命名大全集合
2021前端最新DIV+CSS规范命名大全集合
2021前端最新DIV+CSS规范命名大全集合
|
前端开发 信息无障碍 开发者
BEM —— 源自Yandex的CSS 命名方法论
人们问我最多的问题之一是在CSS类名中--和__是什么意思?它们的出现是源于BEM和Nicolas Gallagher...
314 0
BEM —— 源自Yandex的CSS 命名方法论
|
前端开发
BEM - 一种前端CSS命名方法论
BEM - 一种前端CSS命名方法论
159 0
|
前端开发 程序员 UED
好程序员分享如何看待CSS中BEM的命名方式?
  好程序员分享如何看待CSS中BEM的命名方式?BEM的意识就是块(block)、元素(element)、修饰符(modifier),是由yandex团队提出的一种CSS Class命名方法。   任何一个东西的存在都有其存在的道理,如果他毫无价值,那么肯定会被淘汰,后人可能都不了解,甚至都不会出现在后人的世界里。
1026 0
|
Web App开发 前端开发 SEO
有利于SEO优化的DIV+CSS的命名规矩
一、CSS文件命名规范 建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数字。为了开发后样式名管理方便,大家请用有意义的单词或缩写组合来命名,让同事一看就明白这样式大概是哪一块的,这样就节省了查找样式的时间,例如:  头部样式用header,头部左边,可以用header_left或header_l,还有如果是列结构的可以这样——box _1of3 (三列中的第一列),box_2of3 (三列中的第二列)、box _3of3 (三列中的第三列),其它的我就不一一举例了,大家按以上规律去命名就好。
1061 0
|
前端开发 容器 定位技术
|
前端开发 容器 数据安全/隐私保护

热门文章

最新文章

  • 1
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
  • 2
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
  • 3
    (CSS)使用Flex布局,帮助你快速了解各种基本的Flex布局属性以及帮你让元素快速达到布局中的指定位置!
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(三):元素继承关系、层叠样式规则、字体属性、文本属性;针对字体和文本作样式修改
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式