【HTML网页设计基础笔记 • 【第7章 盒子模型】】的更多相关文章

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网页设计基础笔记 • 【第7章 盒子模型】

全部章节   >>>> 本章目录 7.1 盒子模型原理 7.1.1 盒子模型概述 7.1.2 盒子的大小 7.1.3 盒子之间的关系 7.2 标准文档流 7.2.1 标准文档流概述 7.2.2 display 属性 7.2.3 visibility 属性 7.3 盒子浮动 7.3.1 float 属性 7.3.2 清除浮动 7.4 盒子定位 7.4.1 静态定位 7.4.2 相对定位 7.4.3 固定定位 7.4.4 绝对定位 7.4.5 z-index 属性 总结: 7.1 盒子…

CSS3与页面布局学习笔记（二）——盒子模型(Box Model)、边距折叠、内联与块标签、CSSReset

一.盒子模型(Box Model) 盒子模型也有人称为框模型,HTML中的多数元素都会在浏览器中生成一个矩形的区域,每个区域包含四个组成部分,从外向内依次是:外边距(Margin).边框(Border).内边距(Padding)和内容(Content),其实盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型,加上了doctype声明,让所有浏览器都会采用标准 w3c 盒子模型去解释你的盒子.当设置一个元素的样式如下: <!DOCTYPE html> <html> <…

html学习第三天—— 第11章 盒子模型 div

盒模型--边框(一) 盒子模型的边框就是围绕着内容及补白的线,这条线你可以设置它的粗细.样式和颜色(边框三个属性). 如下面代码为div来设置边框粗细为2px.样式为实心的.颜色为红色的边框: div{ border:2px solid red; } 上面是border代码的缩写形式,可以分开写: div{ border-width:2px; border-style:solid; border-color:red; } 注意: 1.border-style(边框样式)常见样式有: dashed…

CSS学习笔记（float和盒子模型）

1.当元素或者是它的包裹层设置了绝对定位或者是浮动,那么margin:0 auto;自动居中的效果就不会实现. 2.盒子模型的三位立体结构图中从第一层到第五层依次为:border.content+padding.background-image.background-color.margin. 3. 设置了浮动属性(float)的元素: 1.会向指定方向(left或right)一直移动,直到容器边缘: 2.处于标准文档流中: 3.若不设置宽高,则以内容的宽高为准: 4.仅对紧邻的后续元素造成影响…

HTML第六章 盒子模型

什么是盒子模型: (1)边框: (2)内边距: (3)外边距: (4)元素内容·: (5)背景色·: 边框: 属性: 颜色(border-color),粗细(border-width),样式(border-style). border-color属性设置方法: 属性                                    说明 border-top-color       设置上边框颜色 border-right-color     设置右边框颜色 border-bottom-co…

C++ primer plus读书笔记——第9章 内存模型和名称空间

第9章 内存模型和名称空间 1. 头文件常包含的内容: 函数原型. 使用#define或const定义的符号常量. 结构声明. 类声明. 模板声明. 内联函数. 2. 如果文件名被包含在尖括号中,则C++编译器将在存储标准头文件的主机系统的文件系统中查找.但如果头文件名包含在双引号中,则编译器将首先查找当前的工作目录或源代码目录(或其他目录,这取决于编译器).如果没有在那里找到头文件,则将在标准位置中查找.因此在包含自己的头文件时,应使用引号而不是尖括号. 3. 链接程序将目标文件代码.库代码和…

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网页设计基础笔记 • 【第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网页设计基础笔记 • 【第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 设置字体的所…