`
biaoming
  • 浏览: 270659 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

CSS+DIV的命名规则

CSS 
阅读更多

页头:header
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
友情链接:friendLink
页脚:footer
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
版权:copyRight


CSSID的命名
外套: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


样式文件命名
主要的:master.css
布局版面:layout.css
专栏:columns.css
文字:font.css
打印样式:print.css
主题:themes.css

分享到：
| 用KeyTool生成安全证书
评论
发表评论

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

相关推荐

    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. **页面布局**：在本项目中，你可能接触到了常见的布局模式，如流式布局（所有元素沿单一方向排列）、网格布局（基于行列...

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