BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。包括浮动，和外边距合并等等，因此，有了这个特性，我们布局的时候就不会出现意外情况了。 display 属性为 block, list-item, table 的元素，会产生BFC. 给这些元素添加如下属性就可以触 ...
分类：
Web程序 时间：
2020-04-03 19:46:28
阅读次数：
124
页脚置底（Stickyfooter）就是让网页的footer部分始终在浏览器窗口的底部。当网页内容足够长以至超出浏览器可视高度时，页脚会随着内容被推到网页底部；但如果网页内容不够长，置底的页脚就会保持在浏览器窗口底部。1、将内容部分的底部外边距设为负数这是个比较主流的用法，把内容部分最小高度设为100%，再利用内容部分的负底部外边距值来达到当高度不满时，页脚保持在窗口底部，当高度超出则随之推出的效
分类：
Web程序 时间：
2020-04-02 18:11:13
阅读次数：
85
下面将介绍如何玩转各种表格和表单： 表格的作用：展示数据（尽量不做页面布局） 表格的属性：width、height、border、bordercolor cellspacing=“ ” 清除单元格边框的间距 cellpadding="" 内容距离边框之间的边距 align="" 水平对齐方式 val ...
分类：
Web程序 时间：
2020-04-02 17:34:26
阅读次数：
178
(1)盒子模型 盒子模型组成 content(内容）height(高度）width(宽度) border(边框）padding(内边距) margin(外边距） 盒子模型代码举例 在 border solid 设置中。表示边框，且边框为实线 solid为设置颜色，表示为默认颜色：黑色； overfl ...
分类：
Web程序 时间：
2020-03-31 23:15:37
阅读次数：
176
盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。 css定义所有的元素都可以拥有像盒子一样的外形和平面空间。 即都包含内容区、补白（填充）、边框、边界(外边距)这就是盒模型。 换句话说，盒模型就如同一个房子，除了内部的货物以外，内部的其他空间就相当于接下来要介绍的padding ...
分类：
Web程序 时间：
2020-03-30 11:06:56
阅读次数：
82
css盒模型： 是网页布局的基石 盒模型，从里到外包括： ①、内容区————鸡蛋 ②、内填充(补白)——泡沫 ③、盒子边框(可选)——快递盒子 ④、外边距——————盒子外部的距离1、padding： padding的用法： ①、padding是长在内容和盒子之间的，在盒子内部 ②、padding是 ...
分类：
Web程序 时间：
2020-03-29 23:59:16
阅读次数：
151
常见的兼容性问题：1、不同浏览器的标签默认的外边距( margin )和内边距(padding)不同解决方案： css 里增加通配符 * { margin: 0; padding: 0; } 2、IE6双边距问题；在 IE6中设置了float , 同时又设置margin , 就会出现边距问题解决方案 ...
分类：
Web程序 时间：
2020-03-25 13:15:29
阅读次数：
90
A. 1.内边距，边框影响盒子大小 定义好盒子大小以后，再定义内边距和边框的时候，在原有的盒子大小基础上（原有的盒子啥也不变，定义完就完了）加上内边距和边框。就像穿上一身衣服了一样。 练习 <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...
分类：
Web程序 时间：
2020-03-24 23:38:51
阅读次数：
138
开发的时候很多莫名的间距，比如img，span没写在同一行，它就无耻地出现间隔； 再比如li标签横方向排列加上行级元素的display: inline-block;属性后，li标签没写在同一行，它也无耻地出现间隔。 所以翻阅很多自来资料，这里总结一下解决方法。。。先了解元素属性 块级元素（块级大多为 ...
分类：
其他好文 时间：
2020-03-23 09:29:19
阅读次数：
85
边框（段落和文字）：先进行方框、阴影、三维等边框的选择，再进行样式、颜色、宽度设置，应用于：段落和文字；选项：距离正文上下左右距离。 页面边框（页、整篇文章等）：先进行方框、阴影、三维等边框的选择，再进行样式、颜色、宽度和艺术型（有图画如苹果等的边框）设置，应用于：整篇文章、本节、仅首页等；边距：距 ...
分类：
其他好文 时间：
2020-03-22 23:56:06
阅读次数：
122
