每个HTML标签都会生成一个盒模型，盒模型是正常流布局非常重要的概念。盒模型由内边距(padding)+长度(width)+高度(height)+边框(border)+外边距(margin)组成。 1. 宽度(width)和高度(height) 盒模型有2种类型，怪异盒模型和标准盒模型，在不同盒模型 ...
分类：
Web程序 时间：
2020-06-29 21:30:24
阅读次数：
71
定位布局(Position)指元素可以脱离原来的位置，定位到页面中的任意位置。 定位布局以内边距(padding)区域的左上角为定位原点，分为相对定位(包括static及relative)和绝对定位(包括absolute及fixed)。 1. 静态定位(static) 静态定位是默认的文档布局方式， ...
分类：
Web程序 时间：
2020-06-29 21:26:45
阅读次数：
78
一、CSS：页面美化和布局控制 1. 概念 CSS即Cascading Style Sheets 层叠样式表，是表现HTML或XHTML文件样式的计算机语言 ，包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等的设定 层叠：多个样式可以作用在同一个html的元素上，同时生效 使用CSS的优点： ...
分类：
Web程序 时间：
2020-06-26 18:45:34
阅读次数：
61
盒子模型的组成 margin 外边距 盒子与盒子之间的距离 border 边框 包装盒 padding 内边距 填充物 content 内容 买好的东西 1.margin 合起来写的属性 4个 当你写一个的时候，四个全部相同 两个的时候，上右，对边补齐 三个的时候，上右下，对边补齐 margin-t ...
分类：
其他好文 时间：
2020-06-26 01:43:56
阅读次数：
100
盒子模型 css中的盒子是由element、padding、border、margin组成 element：元素内容 padding：内边距：是内容距离内边框的距离 border：边框 margin：外边距：是元素和元素之间的距离 盒子的属性 内容的宽度和高度 width宽度属性：宽度值|百分比|a ...
分类：
Web程序 时间：
2020-06-26 01:16:09
阅读次数：
108
概念: 表现HTML或XHTML文件样式的计算机语言 包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定 CSS的优势 内容与表现分离 网页的表现统一，容易修改 丰富的样式，使得页面布局更加灵活 减少网页的代码量，增加网页的浏览速度，节省网络带宽 运用独立于页面的CSS，有利于网页被搜索引 ...
分类：
Web程序 时间：
2020-06-25 09:50:50
阅读次数：
79
什么是CSS Cascading Style Sheet 级联样式表表现HTML或XHTML文件样式的计算机语言：包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定 CSS的优势 内容与表现分离网页的表现统一，容易修改丰富的样式，使得页面布局更加灵活减少网页的代码量，增加网页的浏览速度，节 ...
分类：
Web程序 时间：
2020-06-21 23:46:00
阅读次数：
110
前言 padding 简写属性在一个声明中设置所有内边距属性,实际上在使用过程中它对block元素和内联元素的处理是不一样的。 正文 对于block元素 如果宽度非auto那么容器会变大，如果容器宽度自适应或者设置了box-sizing:border-box,并且值在可控区间内是不会影响内容宽度的， ...
分类：
Web程序 时间：
2020-06-21 19:27:15
阅读次数：
115
01、谨慎使用外边距属性与其它的属性不同，垂直方向上的外边距相遇时将会发生折叠。这意味着如果一个元素的下边距遇到了另一个元素的上边距，那么二者中较大的一个将被留下。下面是一个简单的例子。 <div class="square red"></div> <div class="square blue"> ...
分类：
Web程序 时间：
2020-06-20 14:18:52
阅读次数：
71
CSS的概念 Cascading Style Sheet 级联样式表表现HTML或XHTML文件样式的计算机语言包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定 CSS的优势 内容与表现分离网页的表现统一，容易修改丰富的样式，使得页面布局更加灵活减少网页的代码量，增加网页的浏览速度，节省 ...
分类：
Web程序 时间：
2020-06-20 11:12:53
阅读次数：
155
