页头:header
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:register
状态:status
按钮:btn
投票:vote
合作伙伴:partner
友情链接:friendLink
页脚:footer
版权:copyRight
1.css 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.另外在编辑样式表时可用的注释可这样写:
内容区
3.样式文件命名
主要的 master.css
布局,版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
要充分利用CSS的继承和优先级的不同
分享到:
相关推荐
也是JavaScript的原生格式,在JavaScript中可直接使用JSON数据,JSON数据使用“名称-值对”的书写格式,易读易写,也易于机器解析和生成,因此JSON数据也是网站后台常用的一种数据交换形式。 6. 瀑布流式布局的应用...
掌握这些标签和属性可以帮助开发者构建功能丰富、布局合理的网页。随着Web技术的发展,新的标准和技术不断出现,比如HTML5、CSS3以及JavaScript等,开发者需要持续学习以适应技术的变化和发展。
在CSS+Div布局中,关键词表(Keyword Table)是一个重要的工具,它列举了常用的ID和Class名称,以便快速引用和保持代码的一致性。例如,#B-*用于body,#Head、#Main、#Foot代表布局ID,#Message表示系统消息,#Logo...
以下是对标题"布局常用CSS命名"和描述中提到的一些关键知识点的详细说明: 1. **布局命名**: - `content` 或 `container`:通常用于表示网页的主要内容区域。 - `layout` 或 `site`: 指整个页面的布局或站点框架...
3. `<title>`: 定义网页的标题,显示在浏览器的标题栏中,也是书签的名称。 4. `<body>`: 包含网页的所有可见内容,如文本、图片、链接等。 5. `<h1>`-`<h6>`: 用于创建标题,数字越大,标题级别越低,通常`<h1>`...
它可以包裹任何数量的其他HTML元素,用于创建网页布局的大块区域。通过设置Div的属性,如`id`或`class`,我们可以方便地对其进行定位和样式化。 2. **CSS的介绍**:Cascading Style Sheets(层叠样式表)是控制网页...
与传统的表格布局相比,这种布局方式更加符合网页标准,能够更好地实现内容与表现的分离。 - **核心概念**:在考虑页面的整体表现效果之前,应优先考虑内容的语义和结构。通过合理地组织HTML结构,可以为后续的CSS...
- 使用`class`和`id`来定义不同的布局块,并应用相应的CSS样式。 - `class`可以重复使用,适合多个相似元素;`id`则是唯一的,适用于特定的单个元素。 3. **示例代码**: ```html <!DOCTYPE ...
以下是一些网页设计中最常用的HTML代码及其详细解释: 1. **标题文字**:通过`<h1>`到`<h6>`标签来设置不同级别的标题,`<h1>`是最大的标题,`<h6>`是最小的标题。这些标签有助于提高网页的可读性和SEO优化。 2. *...
在现代网页设计与开发领域,**DIV + CSS布局**已成为构建美观且响应式网页的标准技术之一。它不仅能够提高网页的可维护性和扩展性,还能让网页在不同的设备上呈现出良好的视觉效果。本文将深入探讨DIV + CSS布局的...
- 属性与值:学习CSS的常用属性,如颜色、字体、边距、填充、布局模式等,以及它们的值的表示方式,例如颜色可以使用颜色名称、十六进制或RGB表示。 2. 布局模型 - 浮动布局:传统的布局方式,通过`float`属性...
网页设计基础涵盖了UI设计的基本概念、界面布局与设计规范、移动UI的设计流程、智能手机操作系统以及登录界面设计等多个方面。UI,全称为User Interface,是指用户界面设计,它涉及人机交互、操作逻辑和界面美观的...
网页设计与前端开发是IT行业中不可或缺的组成部分,而PSD(Photoshop Document)文件则是设计师进行网页设计时常用的一种格式。"BR-015psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip"这个文件集合提供...
它可以控制网页的布局、颜色、字体、间距等多个方面。asterying CSS 需要了解许多英语单词的音标和含义。本文将介绍一些常用的 CSS 英语词汇,并夹杂一些 HTML 的词汇。 1. absolute ['æbsəlu:t]:绝对的,完全的...
网页设计与制作是IT行业中一个重要的领域,而PSD网页模板则是设计师们常用的设计工具之一。本资源"BL-020_psd网页模板_网站psd效果图切片_PSD欧美日韩风格前端页面.zip"提供了多种风格的网页设计模板,涵盖了欧美、...
在网页设计中,高斯模糊常用于背景图片或色块,创造深度感和层次,提升整体设计的美感。 HTML5是现代网页开发的标准,它提供了丰富的语义化标签、多媒体支持以及离线存储等功能,使得网页设计更加动态、互动且易于...
这款模板的特点在于其多彩的色块布局,能够有效地吸引用户的注意力,展示公司的品牌形象和设计风格。 【描述】提到"html",意味着这个模板是基于HTML(HyperText Markup Language)构建的,这是网页设计的基础语言...
- **常用属性**:width、height、float、background-image、text-align等,用于控制元素的外观和布局。 5. **网站设计**: - **布局方法**:使用`DIV`配合CSS进行布局,可以实现灵活的网页设计。 6. **...
- `<div>`标签通常用于布局目的,通过CSS可以控制其大小、位置等样式。 **示例代码**: ```html ; padding: 20px;"> 这是一个带有背景色和内边距的区块。 ``` **页面效果**: 区块内的内容会根据设置的样式显示...
【标题】"纯CSS3积木方块加载动画特效.zip" 涉及的主要知识点是CSS3中的3D转换和动画效果,这是现代网页设计中常用的技术,用于创建丰富的交互式用户体验。 首先,CSS3(Cascading Style Sheets level 3)是样式表...