`
akainice
  • 浏览: 3962 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

选择符的命名

阅读更多
页面布局:

  -页面头部:header
    -图标:logo
    -右上快捷区域:quicklinks
  -页面中部:page
    -侧栏:side column
    -主栏:main column
    -第三栏:extra column
    -区块:section
      -区块顶部:heading
      -区块中部:container
      -区块底部:footing
  -页面底部:footer
    -版权说明:copyright

常用布局:

  -田字格布局:show case
  -列表布局:list
  -标签切换:tab
  -排行榜:billboard
  -表单:post form
  -纯文字区域:text area
  -翻页:page navigation

通用模块:

  -导航栏:nav
  -登陆框:login box
  -搜索框:search box

通用样式:

  -高亮:highlight
  -激活:active,或者on
  -清除浮动:fix,或者clear
  -图:pic
  -文:txt

对于层叠的情况,有三种命名方式:

  a) 模块名和元素名绑成一个名字。比如.comment_title。

  b) 只用元素名,只对元素名定义样式。比如.keywords。

  c) 也是只用元素名,但是将选择符层叠定义,比如.login .username。

摘自 小麦 http://www.mikkolee.com/page/2
分享到:
评论

相关推荐

    解析css中的选择符命名

    在CSS中,选择符命名是CSS规则中的关键组成部分,它用于指定哪些元素会被相应的样式规则所作用。选择符可以是元素类型、类、ID、属性或它们的组合。而选择符的命名规定和字符转义是CSS开发中不可忽视的知识点,掌握...

    HTML+CSS前端编码规范.pdf

    该部分提供了一些常用的 CSS 选择符命名参考,例如 `.header`、`.nav`、`.footer` 等,旨在提供一个统一的命名标准。 4. Id 和 class 的区别 Id 和 class 是两个常用的 CSS 选择符,但它们有着不同的应用场景。Id ...

    css使用方法 (2).docx

    选择符命名规则较为宽松,可以包含字母、数字、连字符、下划线、冒号和句点,且必须以字母开头。 ### CSS声明 声明由属性、冒号、属性值和分号构成,例如`color:black;`。属性和值之间可以添加单位,如`font-size:...

    CSS参考手册_第3章__CSS基础与书写规范

    - **命名规范**:选择符命名应具有描述性,避免使用过于通用或无意义的命名。 - **代码格式化**:保持一致的缩进和换行,使代码易于阅读和调试。 #### 如何更高效地应用CSS 高效应用CSS不仅涉及技术层面的掌握,还...

    网页设计之css使用手册

    选择符命名规则遵循一定的规范,可以包含字母、数字、连字符、下划线、冒号和句点,但必须以字母或下划线开头。 4. **CSS声明** 声明由属性、冒号、属性值和分号组成,例如`font-size:12px;`。多个声明可以用分号...

    html+css前端编码规范.docx

    3. **常用CSS选择符命名参考**:例如,可以使用`.btn-primary`表示主要按钮,`.container`表示容器元素,`.header`表示页眉,`.footer`表示页脚。 4. **Id 和 class的区别**:ID是唯一的,用于标识页面中的一个特定...

    深入理解CSS选择符的匹配方式.docx

    合理地组织和命名类选择符,使样式继承自父元素,减少重复的样式声明,可以降低浏览器解析 CSS 的时间。 (5)避免使用复杂的伪类和伪元素。如 `:nth-child()` 或 `:nth-of-type()`,它们需要浏览器进行更复杂的...

    css选择符类型详细介绍

    ID选择符则更为精确,它的使用方式类似于类选择符,只不过ID选择符以井号(#)开始。ID选择符设计为在一个页面中唯一标识一个特定的元素。一个ID在页面中只能使用一次,这使得ID选择符非常适合用来控制具有独特功能...

    曹鹏CSS视频教程-10.类别选择符 2.rar

    【CSS类别选择符详解】 CSS(层叠样式表)是网页设计中不可或缺的一部分,它赋予了网页丰富的表现力和灵活性,让网页系统美感的未来得以实现。本教程由曹鹏老师精心讲解,针对初级到中级的网页设计师,旨在提升大家...

    Linux命名管道示例

    在Linux操作系统中,命名管道(Named Pipe)是一种高级的进程间通信(IPC)机制,它允许不同...通过理解并掌握命名管道的使用,开发者可以在设计分布式系统、构建服务间通信或者优化多进程协作时,拥有更多灵活的选择。

    网页命名规范

    3. **短横线命名**:HTML中的`class`命名常使用短横线分隔单词,如`footer-links`,这种命名方式更符合CSS的约定,便于选择器的编写。 4. **避免使用HTML标签作为类名**:虽然`div`、`span`等标签名可以作为`class`...

    css命名规则

    在实际开发过程中,选择合适的CSS命名规则非常重要。不同规则适用于不同类型和规模的项目。例如,对于小型项目或个人项目,简单的自定义规则可能就足够了;而对于大型企业级项目,则更推荐使用BEM或SMACSS等成熟的...

    Java语言命名规范

    2. 换行:换行时,保持语句的逻辑结构清晰,例如,在操作符前后换行,操作符放在行首。方法调用的参数列表可选择在逗号后换行。 此外,注释也是代码规范的重要部分。单行注释使用`//`,多行注释使用`/* */`。注释应...

    Java命名规则

    - di(分隔符) - sl(选择器) - avg(平均值) - Bg(背景) - lib(库) - pwd(密码) - pos(位置) - str(字符串) 5. 规则遵循:编程时应遵循命名规则,但也有例外情况。例如,某些约定俗成的缩写...

    前端开发命名规范

    5. **避免使用子选择符**:通过增加类名长度来降低 CSS 的复杂度,从而简化选择器并减少样式的冲突。 #### 四、分工安排 良好的团队协作流程可以有效提高项目进度与质量。以下几点是对前端开发团队分工的具体建议:...

    变量命名-匈牙利命名法

    匈牙利命名法通常使用小写字母作为助记符开头,但并未严格规定助记符的具体内容。实践中,程序员会根据自己的习惯选择有意义的字母组合。例如,"bBusy"表示布尔型,"cApples"表示项目计数,"dwLightYears"表示双字型...

    C#命名规范(包括控件及其变量名、变量的命名规范)

    ### C#命名规范详解 #### 一、引言 在软件开发过程中,良好的命名习惯对于提高代码可读性、维护性和团队协作效率至关重要。本文档将详细介绍C#中的命名规范,特别是针对ADO.NET、WinForm及WebForm控制的命名规则,...

    asp.net部分控件命名规则(规范很重要)

    例如,`txtFirstName`或`txt_first_name`,选择一种并贯穿整个项目。 3. **有意义的名称**: - 控件的名称应反映其功能或用途,如`lblResults`表示显示结果的标签,`valrFirstName`表示验证用户名的...

Global site tag (gtag.js) - Google Analytics