`
myhongkongzhen
  • 浏览: 96634 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

DIV+CSS学习笔记——一些DIV+CSS 命名规范

CSS 
阅读更多

 

2009年6月10号

 

 

外 套:  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

 

0
0
分享到:
评论

相关推荐

    韩顺平《轻松搞定网页设计HTML+CSS+JAVASCRIPT》之DIV+CSS学习笔记

    "韩顺平《轻松搞定网页设计HTML+CSS+JAVASCRIPT》之DIV+CSS学习笔记" 本资源主要讲解了 DIV+CSS 的概念和应用, DIV 是 HTML 文档中用来提供结构和背景的元素,而 CSS 是一种用来表现 HTML 或 XML 等文件式样的...

    经典DIV+CSS模板 经典DIV+CSS模板

    标题"经典DIV+CSS模板 经典DIV+CSS模板"表明这是一个关于使用HTML中的&lt;div&gt;元素和CSS(层叠样式表)进行网页布局的资源集合,可能包含了一些经过验证的、实用的网页设计模板。 描述中的关键词如"div+css"、"web标准...

    【DIV+CSS学习笔记】CSS样式命名规范

    【CSS样式命名规范】在网页设计中,CSS(层叠样式表)的使用极大地提高了页面的可维护性和可扩展性。良好的CSS命名规范是保证代码可读性、可维护性的关键,也是团队协作中必不可少的一环。以下是关于CSS命名的一些...

    DIV+CSS学习笔记

    【DIV+CSS学习笔记】 在网页设计中,`DIV+CSS`是一种常用的技术,用于创建布局和控制网页元素的样式。这种技术的核心是利用`&lt;div&gt;`元素作为容器,通过CSS(Cascading Style Sheets)来定义这些容器的样式,从而实现...

    《韩顺平轻松搞定网页设计》DIV+CSS学习笔记

    ### DIV+CSS基础概念 #### 一、DIV与CSS简介 - **DIV**:在HTML中,`&lt;div&gt;`是一个容器标签,它被用来组合文档中的其他元素,并对其应用样式或者脚本。`&lt;div&gt;`标签本身没有特定的格式特征,它的主要功能是通过CSS来...

    DIV+css学习笔记

    总的来说,`DIV+CSS`学习笔记涵盖了CSS的基础概念、选择器、布局、定位、文本、图像、链接样式以及列表等多个方面,是构建网页布局和设计不可或缺的知识。深入理解和熟练运用这些知识点,可以提升网页设计的效率和...

    Html\CSS+DIV学习笔记(史上最实用的CSS笔记)

    在Web开发领域,HTML、CSS和DIV是构建网页的基础元素。HTML负责创建网页的结构,CSS用来处理页面的样式和布局,而DIV则作为一个容器元素,常用于组织和布局网页内容。以下是对这些知识点的详细说明: 1. **Web标准*...

    韩顺平_轻松搞定网页设计html+(DIV+CSS)+javascript视频笔记(全)和memcache笔记

    CSS(Cascading Style Sheets)则负责样式和布局,使网页具有美观的视觉效果;而JavaScript则提供交互性,使得网页能够响应用户的操作。 【HTML基本元素】 1. `&lt;title&gt;`标签:定义了浏览器顶部的标题栏内容,对于...

    燕十八HTML+div+css教学笔记

    燕十八在教授html+div+css课程中所有的教学笔记,有助于初学者系统的认识和学习HTML。

    div+css学习笔记(IE与fox好多不兼容的问题)

    本文主要讨论了IE(Internet Explorer)与Firefox之间在处理`div+css`布局时的一些常见不兼容问题。 1. **鼠标样式兼容性**: - 在IE中,为元素设置鼠标悬停为手型的CSS代码通常是`cursor: hand;`,但在Firefox中...

    韩顺平div+css笔记完整

    在网页设计中,`div+css`是一种常见的布局技术,用于实现网页的结构化和美化。`div`是HTML中的一个通用容器元素,用于组织和包裹其他HTML元素,而`css`则是层叠样式表,用来定义网页的样式、布局和视觉效果。`div+...

    div+css实战项目:有道云页面

    这个实战项目旨在帮助开发者掌握如何使用div和CSS来创建一个类似有道云笔记的网页,提供了一个实践性的学习平台。 在网页设计中,`div`元素是最常用的一种布局容器,它允许我们将页面分割成多个独立的区域,每个...

    div+css个人笔记

    【CSS基础】 CSS,全称Cascading Style Sheets,是一种样式表语言,用于描述HTML或XML(包括如...继续深入学习CSS高级特性,如弹性布局(Flexbox)、网格布局(Grid)、响应式设计等,将有助于构建更复杂的网页和应用。

    韩顺平html+div+css+js全部笔记及w3c帮助文档

    "Div+CSS"是网页布局的常见技术,通过合理的div划分和CSS样式控制,可以构建出清晰、灵活的页面结构。 JavaScript是一种强大的客户端脚本语言,用于增加网页的交互性。在课程中,韩顺平老师不仅讲解了基础的变量、...

    黑马基础学习html+css课程笔记和案例

    在“黑马基础学习html+css课程笔记和案例”中,你可以找到学习这两门语言的详细资源,包括理论知识和实践案例。 HTML是网页内容的结构标记语言,它定义了网页的基本元素,如标题、段落、链接、图片等。学习HTML首先...

    搞定div+css布局

    在学习过程中,参考传智播客黑马程序设计培训的课程笔记,你可以逐步掌握`div+css`布局的精髓。通过实际案例和练习,不断实践和调试,你会逐渐精通这种布局方式,并能够创建出符合现代网页标准的精美页面。同时,...

    韩顺平 DIV+CSS 超级详细笔记

    ### 韩顺平 DIV+CSS 超级详细笔记 #### 一、初识CSS **HTML文档结构** 在了解CSS之前,我们先要熟悉HTML文档的基本结构。一个典型的HTML文档由`&lt;!DOCTYPE html&gt;`(文档类型声明)、`&lt;html&gt;`标签、`&lt;head&gt;`部分和`...

    《杰诺Jero-学习笔记》之div+css 第一章

    《杰诺Jero-学习笔记》之div+css 第一章是针对网页设计初学者的一份详实教程,主要关注如何使用HTML与CSS进行页面布局。在这个章节中,你将学习到div元素作为布局容器的重要性,以及如何通过CSS来控制这些元素的样式...

    韩顺平 html+css+javascript

    "div+css笔记.docx"将深入CSS的世界,包括选择器的使用(如类选择器、ID选择器、元素选择器等),盒模型的理解(content、padding、border、margin),布局技术(如流式布局、网格布局、Flexbox弹性盒模型或CSS Grid...

    我的HTML+Css学习笔记

    这份“我的HTML+Css学习笔记”无疑是对于初学者来说极好的资源,它涵盖了从基础到进阶的重要概念。 HTML是网页内容的结构语言,通过一系列标签来定义网页的各个部分,如`&lt;head&gt;`、`&lt;body&gt;`、`&lt;h1&gt;`至`&lt;h6&gt;`的标题、...

Global site tag (gtag.js) - Google Analytics