页头:header 如:#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法
登录条: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 的命名 也许你需要了解class与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.CSS样式文件命名如下
主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
分享到:
相关推荐
**CSS+DIV精美网页模板详解** 在网页设计领域,CSS(Cascading Style Sheets)与HTML(HyperText Markup Language)的结合使用已经成为构建现代网页的标准技术。本资源提供了一个使用CSS+DIV精心制作的网页模板,它...
7. **CSS预处理器**:像Sass、Less等预处理器可以提升CSS的编写效率,引入变量、嵌套规则等功能。虽然文件名没有直接提到,但理解预处理器的概念有助于全面了解现代CSS开发流程。 8. **代码优化**:良好的CSS编写...
2. **文件夹与文件命名规则**: - **CSS文件**: 存放样式表,通常命名为`css.css`或`master.css`。 - **图片文件**: 存放在`images`文件夹内,便于管理和引用。 - **HTML文件**: 主页通常命名为`index.html`。 3...
8. **预处理器**:Sass、Less等CSS预处理器允许使用变量、嵌套规则、混合和函数,提高代码的可读性和可维护性。 9. **最佳实践**:编写高效的CSS,避免使用内联样式,保持样式表的组织有序,使用语义化的HTML元素,...
SEO优化中的DIV+CSS命名规则,能减少DIV css,增加加载速度,更加有利于搜索的收录
以下是一些流行且有利于SEO的CSS+DIV命名规则及其实例。 #### 基本概念 在进行CSS+DIV命名时,我们通常会遵循一些通用的原则来确保命名的一致性和逻辑性。这些原则包括但不限于: - **简洁性**:命名应尽可能简洁...
1. 代码规范:遵循一定的命名规则和注释标准,使代码可读性更强。 2. 响应式设计:利用媒体查询(media queries)和百分比布局,使网页适应不同设备和屏幕尺寸。 3. 使用预处理器:如Sass(SCSS)和Less增强CSS的...
本文将详细介绍前端开发中常用的CSS+DIV命名规则,并探讨这些规则如何帮助提升网站的SEO效果。 #### CSS+DIV命名规则概述 在前端开发中,通过为HTML元素定义有意义且统一的类名或ID名,可以有效地组织和管理CSS...
CSS通过定义样式规则,控制HTML元素的外观、布局和结构,而div作为一个通用的容器元素,常用于组织和划分页面内容。 首先,我们需要了解div的基本概念。在HTML中,div(division)标签用于创建一个块级元素,它可以...
10. **最佳实践**:分享编写高效、易读、可维护CSS的技巧,包括命名约定、组织结构、最小化冗余代码和使用CSS重置或正常化(normalize.css)等。 这个CSS+DIV帮助文档包对于初学者来说是一个宝贵的资源,它能提供全面...
- **可维护性**:良好的组织结构和命名规范可以使CSS更易于理解和修改。 - **易用性**:确保网页对所有用户,包括残障人士,都具有良好的可访问性。 - **性能优化**:减少HTTP请求,压缩CSS和图片,提高加载速度。 ...
6. **CSS组织结构**:了解CSS文件是如何组织的,是否遵循了模块化或BEM(Block Element Modifier)等命名规则。 通过深入研究这个实例,不仅可以提升对CSS和DIV的理解,还能学习到实际项目中的最佳实践,为自己的...
下面将详细介绍SEO优化中的div+css命名规则及其对搜索引擎友好性的影响。 首先,理解div+css的基本概念。Div是HTML中的一个通用容器元素,用于组合其他HTML元素,而CSS则用于控制页面的样式和布局。在SEO角度,使用...
### DIV+CSS命名规则 在前端开发中,良好的命名规则对于提高代码可读性、维护性和团队协作至关重要。本文将详细介绍一系列常用的DIV+CSS命名规则及其应用场景,帮助开发者更好地理解和运用这些命名规范。 #### 页...
网页设计中的DIV+CSS命名规则是构建高效、可维护性和SEO友好的网站界面的重要组成部分。在Web 2.0标准中,使用DIV+CSS技术能够提高网页的结构化程度,利于搜索引擎优化,使得网站更容易被搜索引擎抓取和理解。下面...
网页设计过程中div+css命名规则.txt
使用有意义的ID和类名,保持CSS规则的顺序逻辑,以及合理地划分样式文件,都是优秀实践。 7. **页面布局**:在本项目中,你可能接触到了常见的布局模式,如流式布局(所有元素沿单一方向排列)、网格布局(基于行列...