`
wlhok
  • 浏览: 56891 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

关于网站CSS文件规划、命名的总结[转]

    博客分类:
  • CSS
阅读更多
基础样式 base.css 用来导入其他样式(有时候我这里还会放那些公用的css)
表单样式 forms.css 表单的布局和外观
布局样式 layout.css 布局相关的属性
外观样式 general.css 元素的外观。有时候这个也根据色彩的不同导入其他样式 greed.css 或者 red.css 等

对于一些特殊效果的css 也要单独拿出来
比如 lightbox.css
---------------------------------------------------------------------
之外,也有人按照下面的方法来划分
    * Basic - 基本样式为了旧浏览器。本文件导入布局,普通和表单样式文件。
    * Layout - 全部页面布局。 除非改变布局否则不修改此文件。
    * General - 颜色,风格,排版,非结构的布局。本文件可据需要经常编辑。
    * Forms - 表单的布局和风格。如果需要可以为不同的页面而分别制作表单的css文件。
    * Home - 用来控制主页而不考虑其他页面的样式。
    * Print - 基本的打印样式。
----------------------------------------------------------------------
也可以这样:

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命名规范(英文命名)

    在 CSS 中,文件命名是非常重要的。以下是一些常见的文件命名规范: * 主要的 master.css * 布局 layout.css * 版面 columns.css * 文字 font.css * 打印样式 print.css * 主题 themes.css CSS ID 的命名 在 CSS ...

    web前端+css命名 规范

    2. **避免内联样式**:尽量将样式写在外部CSS文件中,以实现样式和内容的分离,提高代码可维护性。 3. **CSS预处理器**:使用Sass、Less等预处理器,可以编写更高级的CSS,如变量、嵌套规则、函数等,提高开发效率...

    CSS文件和样式命名规范

    一、CSS 文件命名规范 在命名 CSS 文件时,需要遵循以下规则: * 全局样式:global.css * 框架布局:layout.css * 字体样式:font.css * 链接样式:link.css * 打印样式:print.css 二、CSS 样式命名规范 在命名...

    HTML,CSS的命名的习惯总结..

    #### 六、CSS文件分类建议 - **主要的**: `master.css` - **模块**: `module.css` - **基本共用**: `base.css` - **布局,版面**: `layout.css` - **主题**: `themes.css` - **专栏**: `columns.css` - **文字**: `...

    CSS 文件命名规则

    在IT行业中,尤其是在前端开发领域,CSS文件的组织和命名是非常关键的部分,因为它直接影响到代码的可维护性和团队协作效率。文件命名规则是确保代码整洁和高效的重要规范之一。本篇将深入探讨CSS文件的命名规则,...

    CSS命名+html标签属性大全.pdf

    文档中提到的主要样式文件命名,如master.css用于主样式,layout.css处理布局,columns.css管理列,font.css控制文字样式,print.css用于打印样式,以及themes.css处理主题。这些命名清晰地指明了每个文件的功能,...

    css命名规范

    对于大型项目,合理的CSS文件组织也是非常重要的。常见的组织方式包括: - **master.css**:主样式文件,存放全局样式。 - **module.css**:模块样式文件,用于特定功能或组件的样式。 - **base.css**:基础样式...

    合并网站多个css文件成一样

    1. **文件读取**:读取网站目录下的所有CSS文件,这可能需要使用`System.IO`命名空间中的`Directory.GetFiles()`方法来获取文件列表。 2. **内容合并**:将所有CSS文件的内容合并到一个字符串变量中,可以使用`File...

    css命名规则.txt

    1. **模块化命名**:将CSS文件按照功能模块划分,如`master.css`、`module.css`、`base.css`、`layout.css`、`themes.css`等。 2. **布局命名**:针对特定布局需求,如`columns.css`、`font.css`、`forms.css`、`...

    网页标准化-CSS命名规划

    网页标准化是创建高效、可维护和跨平台兼容的网页设计的关键步骤之一,而CSS命名规划则是其中的重要组成部分。良好的CSS命名规范能提高代码的可读性,降低维护成本,并促进团队间的协作。以下是对给定内容中提到的...

    CSS样式命名规则(仅供参考)

    #### 四、样式文件命名 样式文件的命名也应该遵循一定的规则,以便于管理和查找。 1. **主要样式**:包含网站的基础样式。 - `master.css` 2. **全局样式**:定义全局通用的样式规则。 - `global.css` 3. **...

    CSS命名规范CSS命名规范

    * 文件命名规范:global.css、layout.css、font.css、link.css、print.css 等 * 常用类/ID 命名规范: + 页眉:header + 内容:content + 容器:container + 页脚:footer + 版权:copyright + 导航:menu + ...

    常用的CSS命名规则

    文件命名也应遵循一致性和描述性原则,常见的文件命名包括: - `master.css`:主样式表。 - `module.css`:模块化样式。 - `base.css`:基本样式和重置。 - `layout.css`:布局样式。 - `themes.css`:主题样式。 -...

    php获取CSS文件中图片地址并保存到本地的类.zip

    在PHP开发中,有时我们需要处理CSS文件中的图片资源,例如将远程图片下载到本地服务器以提高网站性能或便于管理。这个“php获取CSS文件中图片地址并保存到本地的类”提供了解决这一问题的方案。下面将详细介绍该类的...

    关于css样式命名规范

    首先,我们来看CSS文件及样式的命名规范。全局样式通常命名为`global.css`,用于定义整体的基础样式。`layout.css`用于布局,`font.css`处理字体,`link.css`针对链接样式,而`print.css`则专用于打印样式。在样式名...

    nec规范之css框架文件

    关于压缩包子文件的文件名称列表“css框架文件”,这可能包含了实现NEC规范的各种CSS文件,如主样式文件(如`style.css`)、组件样式文件(如`buttons.css`、`grid.css`)、以及可能的预处理文件(如`styles.scss`)...

    CSS属性编写顺序及命名规范

    为了更好地组织CSS文件,可以按照以下方式命名: - **主要样式文件**:`master.css` - **模块样式**:`module.css` - **基础样式**:`base.css` - **布局样式**:`layout.css` - **主题样式**:`themes.css` - **...

    css、js、java命名规则

    - 对于大型项目,建议按照模块化的方式来组织 CSS 文件,例如`master.css`、`module.css`、`themes.css`、`columns.css`等,这样有助于更好地管理和维护样式。 #### 三、JavaScript 变量与函数命名规则 1. **变量...

    DIV+CSS布局网站主页及DIV命名-领创教育.docx

    三、CSS文件命名 CSS文件的命名同样重要,常见的命名方式有: - `general.css` 或 `global.css`:全局样式,适用于全站元素。 - `layout.css` 或 `container.css`:布局样式,定义页面的整体结构。 - `style.css`:...

Global site tag (gtag.js) - Google Analytics