`
hongan
  • 浏览: 176998 次
  • 性别: Icon_minigender_1
  • 来自: 佛山
社区版块
存档分类
最新评论

DIV+CSS命名规范

CSS 
阅读更多

1.

外　套：　　wrap
主导航：　　mainnav
子导航：　　subnav
页　脚：　　footet
整个页面：　content
页　眉：　　header
页　脚：　　footer
商　标：　　label
标　题：　　title
主导航：　　mainbav（globalnav）
顶导航：　　topnav
边导航：　　sidebar
左导航：　　leftsidebar
右导航：　　rightsidebar
旗　志：　　logo
标　语：　　banner
菜单内容1： menu1 content
菜单容量：　menu container
子菜单：　　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

分享到：
| CSS编程实践指南
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    div+css命名规范

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

    DIV+CSS规范命名大全集合

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

    DIV+CSS命名规范有助于SEO

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

    DIV+CSS命名规范.pdf

    以下是对标题和描述中涉及的`DIV+CSS`命名规范的详细说明： 1. **命名原则**： - `ID`通常用于唯一标识页面上的特定元素，比如`#header`代表页面头部，而`class`可以用于多个元素，如`.menu`可能应用于多个菜单项...

    DIV+CSS命名规范.docx

    在使用`DIV+CSS`时，良好的命名规范至关重要，因为它能帮助开发者更好地理解代码结构，提高开发效率，同时也有利于团队协作和后期维护。 首先，`DIV`是HTML中的一个无语义的块级元素，常用于创建页面布局。在`CSS`...

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

    **一、CSS命名规范** 1. **有意义的命名**：避免使用无意义的ID或类名，如“div1”，“box”等。应采用描述性的名称，如“header”、“content”、“footer”等，这能帮助搜索引擎理解页面结构。 2. **简洁性**：...

    div+css入门必备（附有div+css的常用命名）

    在提供的压缩包中，`div+css命名标准.txt` 文件很可能包含了关于这些命名规范的详细说明，值得仔细阅读和学习。而`div+css.pdf` 可能是一本关于`div+css`入门的电子书，涵盖了基础概念、布局技巧、命名规则等内容，...

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

    5. **CSS命名规范**： - 使用全小写字母，如果需要多个单词，使用连字符（-）分隔，例如`user-list`。 - 常用的HTML元素如`div`用于布局，`ul`和`ol`用于无序和有序列表，`span`作为辅助排版元素，`h1`到`h6`表示...

    DIV+CSS命名规范全记录

    以下是一些推荐的DIV+CSS命名规范： 1. 全部使用小写字母命名，以便于阅读和在服务器之间传输（小写字母在各种系统环境下都有更好的兼容性）。 2. 属性值必须使用双引号括起来，并确保每个类或ID有值，比如class=...

    适合初学者的39个div+css网页布局例子

    学习CSS命名规范至关重要，因为它能让你的代码更易于理解和维护。一般来说，类名应具有描述性，如`.header`、`.content`、`.footer`，避免使用无意义的数字或字母。同时，遵循BEM（Block Element Modifier）命名方法...

    DIV+CSS命名规则.docx

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

    XHTML+DIV+CSS

    在IT领域，网页制作是至关重要的技能之一，而XHTML、DIV+CSS是构建静态网页的基础工具。XHTML（eXtensible Hypertext Markup Language）是HTML（HyperText Markup Language）与XML（Extensible Markup Language）的...

    div+css书写规范

    1. **文件命名规范**： - 全局样式：通常用`global.css`表示，包含通用的样式规则。 - 框架布局：`layout.css`用来定义页面的整体布局结构。 - 字体样式：`font.css`集中管理页面中的字体设置。 - 链接样式：`...

    div+css命名规则

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

    DIV+CSS命名规则.pdf

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

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

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

Magicbox
Global site tag (gtag.js) - Google Analytics