`

div + css命名规则

CSS 
阅读更多
页头:header

登录条:loginBar

标志:logo

侧栏:sideBar

广告:banner

导航:nav

子导航:subNav

菜单:menu

子菜单:subMenu

搜索:search

滚动:scroll

页面主体:main

内容:content

标签页:tab

文章列表:list

提示信息:msg

小技巧:tips

栏目标题:title

加入:joinus

指南:guild

服务:service

热点:hot

新闻:news

下载:download

注册:regsiter

状态:status

按钮:btn

投票:vote

合作伙伴:partner

友情链接:friendLink

页脚:footer

版权:copyRight

------------------------------------------------------->

1.CSS ID 的命名

外 套:  wrap

主导航:  mainNav

子导航:  subnav

页 脚:  footer

整个页面: content

页 眉:  header

页 脚:  footer

商 标:  label

标 题:  title

主导航:  mainNav(globalNav)

顶导航:  topnav

边导航:  sidebar

左导航:  leftsideBar

右导航:  rightsideBar

旗 志:  logo

标 语:  banner

菜单内容1: menu1Content

菜单容量: menuContainer

子菜单:  submenu

边导航图标:sidebarIcon

注释:   note

面包屑:  breadCrumb(即页面所处位置导航提示)

容器:   container

内容:   content

搜索:   search

登陆:   login

功能区:  shop(如购物车,收银台)

当前的   current

2.另外在编辑样式表时可用的注释可这样写:

<-- Footer -->

内容区

<-- End Footer -->

3.样式文件命名

主要的 master.css

布局,版面 layout.css

专栏 columns.css

文字 font.css

打印样式 print.css

主题 themes.css
分享到:
评论

相关推荐

    SEO优化中的DIV+CSS命名规则

    SEO优化中的DIV+CSS命名规则,能减少DIV css,增加加载速度,更加有利于搜索的收录

    div+css命名规范

    ### DIV+CSS命名规范 #### 一、概述 在网页设计与开发过程中,合理的命名规范对于提高代码可读性、可维护性和团队协作效率至关重要。本文档将详细阐述一套适用于初学者的`div+css`命名规则,帮助开发者建立起良好...

    SEO优化中的div+css命名规则

    下面将详细介绍SEO优化中的div+css命名规则及其对搜索引擎友好性的影响。 首先,理解div+css的基本概念。Div是HTML中的一个通用容器元素,用于组合其他HTML元素,而CSS则用于控制页面的样式和布局。在SEO角度,使用...

    DIV+CSS规范命名大全集合

    ### DIV+CSS规范命名大全集合 #### CSS规范命名与实践指南 在网页设计与开发过程中,DIV+CSS的布局方式已经成为了业界的标准做法之一。合理的命名规则不仅能够提高代码的可读性和可维护性,还能有效提升团队协作...

    网页设计中DIV+CSS命名规则

    网页设计中的DIV+CSS命名规则是构建高效、可维护性和SEO友好的网站界面的重要组成部分。在Web 2.0标准中,使用DIV+CSS技术能够提高网页的结构化程度,利于搜索引擎优化,使得网站更容易被搜索引擎抓取和理解。下面...

    div+css命名规则

    本文将详细介绍一系列常用的DIV+CSS命名规则及其应用场景,帮助开发者更好地理解和运用这些命名规范。 #### 页头(Header) - **含义**:页面顶部的区域,通常包含网站的logo、导航等元素。 - **示例代码**: ```...

    网页设计过程中div+css命名规则.txt

    网页设计过程中div+css命名规则.txt

    DIV+CSS命名规范

    ### DIV+CSS命名规范 #### 一、基本概念与原则 在前端开发中,合理而规范的命名方式对于项目的维护性和扩展性至关重要。一个清晰、一致的命名规则不仅能够提高团队成员之间的协作效率,还能降低后期维护成本。本文...

    DIV+CSS命名规范有助于SEO

    ### DIV+CSS命名规范的重要性及对SEO的影响 在前端开发领域,DIV+CSS是一种非常重要的网页布局技术。其中,合理的命名规范不仅能够提高代码的可读性和可维护性,还能间接促进网站的搜索引擎优化(SEO)。本文将详细...

    网页制作中规范使用DIV+CSS命名规则.pdf

    网页制作中的规范使用DIV+CSS命名规则是提升代码可读性、可维护性和团队协作效率的关键因素。在网页设计中,正确地命名元素有助于快速理解代码结构,方便后期修改和扩展。以下是一些核心的命名规则和建议: 1. **ID...

    DIV+CSS命名规则.docx

    2. **CSS命名规则**:良好的CSS命名规则有助于代码的可读性和团队协作。通常遵循的原则包括: - 使用有意义的英文单词或缩写,如`logo`代表标志,`status`代表状态。 - 避免使用ID选择器,更多地使用类选择器,...

    网页设计过程中div+css命名规则.pdf

    网页设计中的Div+CSS命名规则是构建高效、可维护性和可扩展性网页的重要部分。遵循良好的命名规范可以提高代码的可读性和团队间的协作效率。以下是一些关键的命名原则和示例: 1. **通用类名**: - `content` 或 `...

    DIV+CSS命名规则.pdf

    命名规则是`DIV+CSS`中不可忽视的一部分,尤其在团队协作中,良好的命名规范可以提高工作效率,减少沟通成本。 首先,我们来看一下一些常见的`DIV`元素的命名: 1. **页头**:通常用`header`,例如`#header`或`....

    div+css命名规则-增强SEO.doc

    而良好的`div+css`命名规则对于提高网站的SEO(搜索引擎优化)至关重要,因为清晰、规范的命名可以帮助搜索引擎更好地理解网页内容,从而提高网页的排名。 1. **命名原则**: - **有意义**:名称应直观地反映出...

    DIV+CSS命名规范.pdf

    5. **命名规则**: - 首页:`homepage` - 二级页面:`subpage` - 标签页:`tab` - 博客:`blog` - 论坛:`forum`或`bbs` - 外套:`wrapper` - 容器:`container`或`box` - 内容:`content` - 页面头部:`...

    DIV+CSS命名规范.docx

    CSS命名规则通常遵循一定的模式,例如: - 页面结构:`wrapper`(外套,最外层)、`container`或`box`(容器)、`content`(内容)、`header`(头部)、`main`(主体)、`footer`(页脚)、`logo`(标志)、`banner...

Global site tag (gtag.js) - Google Analytics