基础样式 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 中,文件命名是非常重要的。以下是一些常见的文件命名规范: * 主要的 master.css * 布局 layout.css * 版面 columns.css * 文字 font.css * 打印样式 print.css * 主题 themes.css CSS ID 的命名 在 CSS ...
2. **避免内联样式**:尽量将样式写在外部CSS文件中,以实现样式和内容的分离,提高代码可维护性。 3. **CSS预处理器**:使用Sass、Less等预处理器,可以编写更高级的CSS,如变量、嵌套规则、函数等,提高开发效率...
一、CSS 文件命名规范 在命名 CSS 文件时,需要遵循以下规则: * 全局样式:global.css * 框架布局:layout.css * 字体样式:font.css * 链接样式:link.css * 打印样式:print.css 二、CSS 样式命名规范 在命名...
#### 六、CSS文件分类建议 - **主要的**: `master.css` - **模块**: `module.css` - **基本共用**: `base.css` - **布局,版面**: `layout.css` - **主题**: `themes.css` - **专栏**: `columns.css` - **文字**: `...
在IT行业中,尤其是在前端开发领域,CSS文件的组织和命名是非常关键的部分,因为它直接影响到代码的可维护性和团队协作效率。文件命名规则是确保代码整洁和高效的重要规范之一。本篇将深入探讨CSS文件的命名规则,...
文档中提到的主要样式文件命名,如master.css用于主样式,layout.css处理布局,columns.css管理列,font.css控制文字样式,print.css用于打印样式,以及themes.css处理主题。这些命名清晰地指明了每个文件的功能,...
对于大型项目,合理的CSS文件组织也是非常重要的。常见的组织方式包括: - **master.css**:主样式文件,存放全局样式。 - **module.css**:模块样式文件,用于特定功能或组件的样式。 - **base.css**:基础样式...
1. **文件读取**:读取网站目录下的所有CSS文件,这可能需要使用`System.IO`命名空间中的`Directory.GetFiles()`方法来获取文件列表。 2. **内容合并**:将所有CSS文件的内容合并到一个字符串变量中,可以使用`File...
1. **模块化命名**:将CSS文件按照功能模块划分,如`master.css`、`module.css`、`base.css`、`layout.css`、`themes.css`等。 2. **布局命名**:针对特定布局需求,如`columns.css`、`font.css`、`forms.css`、`...
网页标准化是创建高效、可维护和跨平台兼容的网页设计的关键步骤之一,而CSS命名规划则是其中的重要组成部分。良好的CSS命名规范能提高代码的可读性,降低维护成本,并促进团队间的协作。以下是对给定内容中提到的...
#### 四、样式文件命名 样式文件的命名也应该遵循一定的规则,以便于管理和查找。 1. **主要样式**:包含网站的基础样式。 - `master.css` 2. **全局样式**:定义全局通用的样式规则。 - `global.css` 3. **...
* 文件命名规范:global.css、layout.css、font.css、link.css、print.css 等 * 常用类/ID 命名规范: + 页眉:header + 内容:content + 容器:container + 页脚:footer + 版权:copyright + 导航:menu + ...
文件命名也应遵循一致性和描述性原则,常见的文件命名包括: - `master.css`:主样式表。 - `module.css`:模块化样式。 - `base.css`:基本样式和重置。 - `layout.css`:布局样式。 - `themes.css`:主题样式。 -...
在PHP开发中,有时我们需要处理CSS文件中的图片资源,例如将远程图片下载到本地服务器以提高网站性能或便于管理。这个“php获取CSS文件中图片地址并保存到本地的类”提供了解决这一问题的方案。下面将详细介绍该类的...
首先,我们来看CSS文件及样式的命名规范。全局样式通常命名为`global.css`,用于定义整体的基础样式。`layout.css`用于布局,`font.css`处理字体,`link.css`针对链接样式,而`print.css`则专用于打印样式。在样式名...
关于压缩包子文件的文件名称列表“css框架文件”,这可能包含了实现NEC规范的各种CSS文件,如主样式文件(如`style.css`)、组件样式文件(如`buttons.css`、`grid.css`)、以及可能的预处理文件(如`styles.scss`)...
为了更好地组织CSS文件,可以按照以下方式命名: - **主要样式文件**:`master.css` - **模块样式**:`module.css` - **基础样式**:`base.css` - **布局样式**:`layout.css` - **主题样式**:`themes.css` - **...
- 对于大型项目,建议按照模块化的方式来组织 CSS 文件,例如`master.css`、`module.css`、`themes.css`、`columns.css`等,这样有助于更好地管理和维护样式。 #### 三、JavaScript 变量与函数命名规则 1. **变量...
三、CSS文件命名 CSS文件的命名同样重要,常见的命名方式有: - `general.css` 或 `global.css`:全局样式,适用于全站元素。 - `layout.css` 或 `container.css`:布局样式,定义页面的整体结构。 - `style.css`:...