【HTML网页设计基础笔记 • 【第8章 页面布局与规划】】的更多相关文章

HTML网页设计基础笔记 • 【第8章 页面布局与规划】

全部章节   >>>> 本章目录 8.1 表格布局 8.1.1 表格布局 8.2 流式布局 8.2.1 瀑布流布局 8.2.2 masonry 实现瀑布流布局 8.3 div 布局 8.3.1 上下结构 8.3.2 上中下结构 8.3.3 上导航中下结构 8.3.4 左窄右宽 8.4 div 高级 8.4.1 内容左中右 8.4.2 导航内容左中右 8.4.3 内容右窄左宽 8.4.4 内容左窄右宽 总结: 8.1 表格布局 8.1.1 表格布局 HTML5 的表格标签除了以网格形…

HTML网页设计基础笔记 • 【目录】

持续更新中- 我的大学笔记>>> 章节 内容 第1章 HTML网页设计基础笔记 • [第1章 HTML5基础] 第2章 HTML网页设计基础笔记 • [第2章 排列页面内容] 第3章 HTML网页设计基础笔记 • [第3章 表单] 第4章 HTML网页设计基础笔记 • [第4章 CSS3基础] 第5章 HTML网页设计基础笔记 • [第5章 常用的样式属性] 第6章 HTML网页设计基础笔记 • [第6章 背景和阴影] 第7章 HTML网页设计基础笔记 • [第7章 盒子模型] 第8章…

HTML网页设计基础笔记 • 【第2章 排列页面内容】

全部章节   >>>> 本章目录 2.1 音频标签和视频标签 2.1.1 音频标签 2.1.2 视频标签 2.2 列表.div 以及 span 标签 2.2.1 列表标签 2.2.2 div 标签和 span 标签 2.3 表格标签 2.3.1 创建表格 2.3.2 创建不规则表格 2.3.3 表格相关的其他标签 2.4 表格的美化修饰和布局 2.4.2 表格布局 总结: 2.1 音频标签和视频标签 2.1.1 音频标签 HTML5 提供了一个标准的方式来播放 Web 中的音频文件…

HTML网页设计基础笔记 • 【第4章 CSS3基础】

全部章节   >>>> 本章目录 4.1 CSS 概述 4.1.1 CSS 简介 4.1.2 CSS3 基本语法 4.1.3 样式表的分类 4.2 CSS 基本选择器 4.2.1 标签选择器 4.2.2 类选择器 4.2.3 ID 选择器 4.3 CSS 扩展选择器 4.3.1 组合选择器 4.3.2 包含选择器 4.3.3 交集选择器 4.3.4 伪类选择器 4.4 CSS 的特性 4.4.1 CSS 继承性 4.4.2 CSS3 层叠性和优先级 4.4.3 综合案例 总结: 4…

学习笔记 第十一章 CSS3布局基础

第11章   CSS3布局基础 [学习重点] 了解CSS2盒模型. 设计边框样式. 设计边界样式. 设计补白样式. 了解CSS3盒模型. 11.1  CSS盒模型基础 页面中所有元素基本显示形态为方形的盒子(Box),根据盒模型规则,网页中所有元素对象都被放在一个盒子里,设计师可以通过CSS来控制这个盒子的显示方式. 11.1.1 盒模型结构 Box具有如下特点: 每个盒子都有:边界.边框.填充.内容4个属性. 每个属性都包括4个部分:上.右.下.左.属性的四部分可以同时设置,也可以分别设置.…

CSS3与页面布局学习笔记（四）——页面布局大全(负边距、双飞翼、多栏、弹性、流式、瀑布流、响应式布局)

一.负边距与浮动布局 1.1.负边距 所谓的负边距就是margin取负值的情况,如margin:-100px,margin:-100%.当一个元素与另一个元素margin取负值时将拉近距离.常见的功能如下: 1.1.1.向上移动 当多个元素同时从标准流中脱离开来时,如果前一个元素的宽度为100%宽度,后面的元素通过负边距可以实现上移.当负的边距超过自身的宽度将上移,只要没有超过自身宽度就不会上移,示例如下: <!DOCTYPE html> <html> <head> &…

HTML5+CSS3学习笔记（二） 页面布局：HTML5新元素及其特性

HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单. 本次学习HTML5的新标签元素有: <header>定义页面或区段的头部: <footer>定义页面或区段的尾部: <nav>定义页面或区段的导航区域: <section>页面的逻辑区域或内容组合: <article>定义正文或一篇完整的内容: <aside>定义补充或相关内容: 学习这些…

HTML5/CSS3 第三章页面布局

页面布局 1 页面组成 2 布局相关的标签 <div></div> 定义文档中的分区或节 <span></span> 这是一个行内元素,没有任何意义 <header></header> HTML5新增 定义 section 或 page 的页眉 <footer></footer> HTML5新增 定义 section 或 page 的页脚 <main></main> HTML5新增 标签…

HTML网页设计基础笔记 • 【第6章 背景和阴影】

全部章节   >>>> 本章目录 6.1 背景属性 6.1.1 背景颜色 6.1.2 背景图片 6.1.3  背景图片的重复方式 6.2 背景图片的定位 6.2.1 background-position 属性 6.2.2 CSS Sprites 6.3 背景的渐变 6.3.1 线性渐变 6.3.2 径向渐变 6.4 阴影属性 6.4.1 文字阴影 6.4.2 盒子阴影 总结: 6.1 背景属性 一般可以通过设置页面元素的背景颜色或背景图片,来实现网页整体丰富的视觉效果.CSS3中…

HTML网页设计基础笔记 • 【第5章 常用的样式属性】

全部章节   >>>> 本章目录 5.1 字体及文本属性 5.1.1 字体属性 5.1.2 文本属性 5.2 边距和填充 5.2.1 边距 5.2.2 填充 5.3 边框属性 5.3.1 border 属性 5.3.2 border-radius 属性 5.4 列表属性 5.4.1 列表属性 5.4.2 垂直菜单的实现 总结: 5.1 字体及文本属性 5.1.1 字体属性 CSS3 的字体属性用于定义字体类型.字号大小以及字体是否加粗等. 属性名 说明 举例 font 设置字体的所…