页面布局:
-页面头部: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规则中的关键组成部分,它用于指定哪些元素会被相应的样式规则所作用。选择符可以是元素类型、类、ID、属性或它们的组合。而选择符的命名规定和字符转义是CSS开发中不可忽视的知识点,掌握...
该部分提供了一些常用的 CSS 选择符命名参考,例如 `.header`、`.nav`、`.footer` 等,旨在提供一个统一的命名标准。 4. Id 和 class 的区别 Id 和 class 是两个常用的 CSS 选择符,但它们有着不同的应用场景。Id ...
选择符命名规则较为宽松,可以包含字母、数字、连字符、下划线、冒号和句点,且必须以字母开头。 ### CSS声明 声明由属性、冒号、属性值和分号构成,例如`color:black;`。属性和值之间可以添加单位,如`font-size:...
- **命名规范**:选择符命名应具有描述性,避免使用过于通用或无意义的命名。 - **代码格式化**:保持一致的缩进和换行,使代码易于阅读和调试。 #### 如何更高效地应用CSS 高效应用CSS不仅涉及技术层面的掌握,还...
选择符命名规则遵循一定的规范,可以包含字母、数字、连字符、下划线、冒号和句点,但必须以字母或下划线开头。 4. **CSS声明** 声明由属性、冒号、属性值和分号组成,例如`font-size:12px;`。多个声明可以用分号...
3. **常用CSS选择符命名参考**:例如,可以使用`.btn-primary`表示主要按钮,`.container`表示容器元素,`.header`表示页眉,`.footer`表示页脚。 4. **Id 和 class的区别**:ID是唯一的,用于标识页面中的一个特定...
合理地组织和命名类选择符,使样式继承自父元素,减少重复的样式声明,可以降低浏览器解析 CSS 的时间。 (5)避免使用复杂的伪类和伪元素。如 `:nth-child()` 或 `:nth-of-type()`,它们需要浏览器进行更复杂的...
ID选择符则更为精确,它的使用方式类似于类选择符,只不过ID选择符以井号(#)开始。ID选择符设计为在一个页面中唯一标识一个特定的元素。一个ID在页面中只能使用一次,这使得ID选择符非常适合用来控制具有独特功能...
【CSS类别选择符详解】 CSS(层叠样式表)是网页设计中不可或缺的一部分,它赋予了网页丰富的表现力和灵活性,让网页系统美感的未来得以实现。本教程由曹鹏老师精心讲解,针对初级到中级的网页设计师,旨在提升大家...
在Linux操作系统中,命名管道(Named Pipe)是一种高级的进程间通信(IPC)机制,它允许不同...通过理解并掌握命名管道的使用,开发者可以在设计分布式系统、构建服务间通信或者优化多进程协作时,拥有更多灵活的选择。
3. **短横线命名**:HTML中的`class`命名常使用短横线分隔单词,如`footer-links`,这种命名方式更符合CSS的约定,便于选择器的编写。 4. **避免使用HTML标签作为类名**:虽然`div`、`span`等标签名可以作为`class`...
在实际开发过程中,选择合适的CSS命名规则非常重要。不同规则适用于不同类型和规模的项目。例如,对于小型项目或个人项目,简单的自定义规则可能就足够了;而对于大型企业级项目,则更推荐使用BEM或SMACSS等成熟的...
2. 换行:换行时,保持语句的逻辑结构清晰,例如,在操作符前后换行,操作符放在行首。方法调用的参数列表可选择在逗号后换行。 此外,注释也是代码规范的重要部分。单行注释使用`//`,多行注释使用`/* */`。注释应...
- di(分隔符) - sl(选择器) - avg(平均值) - Bg(背景) - lib(库) - pwd(密码) - pos(位置) - str(字符串) 5. 规则遵循:编程时应遵循命名规则,但也有例外情况。例如,某些约定俗成的缩写...
5. **避免使用子选择符**:通过增加类名长度来降低 CSS 的复杂度,从而简化选择器并减少样式的冲突。 #### 四、分工安排 良好的团队协作流程可以有效提高项目进度与质量。以下几点是对前端开发团队分工的具体建议:...
匈牙利命名法通常使用小写字母作为助记符开头,但并未严格规定助记符的具体内容。实践中,程序员会根据自己的习惯选择有意义的字母组合。例如,"bBusy"表示布尔型,"cApples"表示项目计数,"dwLightYears"表示双字型...
### C#命名规范详解 #### 一、引言 在软件开发过程中,良好的命名习惯对于提高代码可读性、维护性和团队协作效率至关重要。本文档将详细介绍C#中的命名规范,特别是针对ADO.NET、WinForm及WebForm控制的命名规则,...
例如,`txtFirstName`或`txt_first_name`,选择一种并贯穿整个项目。 3. **有意义的名称**: - 控件的名称应反映其功能或用途,如`lblResults`表示显示结果的标签,`valrFirstName`表示验证用户名的...