`
lyuno
  • 浏览: 16362 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

CSS+DIV命名规则

阅读更多
页头: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+DIV精美网页模板详解** 在网页设计领域,CSS(Cascading Style Sheets)与HTML(HyperText Markup Language)的结合使用已经成为构建现代网页的标准技术。本资源提供了一个使用CSS+DIV精心制作的网页模板,它...

    CSS+DIV布局赏析案例.zip_CSS+DIV布局赏析案例

    7. **CSS预处理器**:像Sass、Less等预处理器可以提升CSS的编写效率,引入变量、嵌套规则等功能。虽然文件名没有直接提到,但理解预处理器的概念有助于全面了解现代CSS开发流程。 8. **代码优化**:良好的CSS编写...

    网页设计-页面布局篇(Css+Div)

    2. **文件夹与文件命名规则**: - **CSS文件**: 存放样式表,通常命名为`css.css`或`master.css`。 - **图片文件**: 存放在`images`文件夹内,便于管理和引用。 - **HTML文件**: 主页通常命名为`index.html`。 3...

    css+div建站,很好的css+div学习的ppt

    8. **预处理器**:Sass、Less等CSS预处理器允许使用变量、嵌套规则、混合和函数,提高代码的可读性和可维护性。 9. **最佳实践**:编写高效的CSS,避免使用内联样式,保持样式表的组织有序,使用语义化的HTML元素,...

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

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

    有利于SEO的DIV+CSS的命名规则

    以下是一些流行且有利于SEO的CSS+DIV命名规则及其实例。 #### 基本概念 在进行CSS+DIV命名时,我们通常会遵循一些通用的原则来确保命名的一致性和逻辑性。这些原则包括但不限于: - **简洁性**:命名应尽可能简洁...

    HTML+CSS+DIV+JS的参数说明和帮助以及编程技巧

    1. 代码规范:遵循一定的命名规则和注释标准,使代码可读性更强。 2. 响应式设计:利用媒体查询(media queries)和百分比布局,使网页适应不同设备和屏幕尺寸。 3. 使用预处理器:如Sass(SCSS)和Less增强CSS的...

    DIV+CSS命名规范有助于SEO

    本文将详细介绍前端开发中常用的CSS+DIV命名规则,并探讨这些规则如何帮助提升网站的SEO效果。 #### CSS+DIV命名规则概述 在前端开发中,通过为HTML元素定义有意义且统一的类名或ID名,可以有效地组织和管理CSS...

    css+div创建页面实例

    CSS通过定义样式规则,控制HTML元素的外观、布局和结构,而div作为一个通用的容器元素,常用于组织和划分页面内容。 首先,我们需要了解div的基本概念。在HTML中,div(division)标签用于创建一个块级元素,它可以...

    CSS+DIV帮助文档包

    10. **最佳实践**:分享编写高效、易读、可维护CSS的技巧,包括命名约定、组织结构、最小化冗余代码和使用CSS重置或正常化(normalize.css)等。 这个CSS+DIV帮助文档包对于初学者来说是一个宝贵的资源,它能提供全面...

    CSS+DIV模版--好的

    - **可维护性**:良好的组织结构和命名规范可以使CSS更易于理解和修改。 - **易用性**:确保网页对所有用户,包括残障人士,都具有良好的可访问性。 - **性能优化**:减少HTTP请求,压缩CSS和图片,提高加载速度。 ...

    CSS+DIV网站实例

    6. **CSS组织结构**:了解CSS文件是如何组织的,是否遵循了模块化或BEM(Block Element Modifier)等命名规则。 通过深入研究这个实例,不仅可以提升对CSS和DIV的理解,还能学习到实际项目中的最佳实践,为自己的...

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

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

    div+css命名规则

    ### DIV+CSS命名规则 在前端开发中,良好的命名规则对于提高代码可读性、维护性和团队协作至关重要。本文将详细介绍一系列常用的DIV+CSS命名规则及其应用场景,帮助开发者更好地理解和运用这些命名规范。 #### 页...

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

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

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

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

    HTML静态页面(CSS+DIV)

    使用有意义的ID和类名,保持CSS规则的顺序逻辑,以及合理地划分样式文件,都是优秀实践。 7. **页面布局**:在本项目中,你可能接触到了常见的布局模式,如流式布局(所有元素沿单一方向排列)、网格布局(基于行列...

Global site tag (gtag.js) - Google Analytics