CSS布局的三种方式:==============================================================================1.默认文档流方式 以默认的HTML元素的结构顺序显示==============================================================================2.浮动布局方式=====浮动是将块元素的..
分类:
Web程序 时间:
2016-05-12 00:06:47
阅读次数:
341
--本文margin合并的前提是未对元素设置过float、position 元素本身在标准文档流中 首先,margin的合并(前提二个以上的margin)是发生在纵向上的,也就是说,margin的合并只会发生在垂直方向,水平方向设置的margin是不会发生合并的现象的。 上代码: <!doctype ...
分类:
其他好文 时间:
2016-05-11 15:12:54
阅读次数:
216
最近这段时间一直在学习html方面的东西,随着html5的发展,现在html5越来越受欢迎。每天花了2~3个小时学习html,可是将近两个月,都不知道知己学习了些什么,所以在这里将这些学习的过程记录下来。 定位:position 定位有5种类型 1、absolute 绝对定位,绝对定位会脱离文档流进 ...
分类:
Web程序 时间:
2016-05-08 01:00:54
阅读次数:
183
部分可能不兼容低版本浏览器(比如IE)
部分图片来自网易云课堂,侵、私信、删
(60)定位
①position
②值:
static:默认,无定位
relative:相对定位,仍在文档流之中(其他的元素不变),参照物相对于原来的位置进行定位。会压在其他的元素上面。作用是为绝对定位元素提供参照物。
absolute:绝对定位,脱离文档流(后续元素会在绝对定位元素...
分类:
编程语言 时间:
2016-05-07 07:06:37
阅读次数:
228
对一个元素运用float后,该元素将脱离正常文档流,这意味着: 1. 运用float后,该元素不再影响父元素的高度,如果一个元素的所有子元素都是float的话,那么该元素的高度是0,这样后面元素渲染的时候就会见缝插针,在该元素留下的一切空白中渲染,这个时候就需要清除浮动。关于清除浮动,首先要明白的是 ...
分类:
Web程序 时间:
2016-05-06 00:08:47
阅读次数:
150
今天刷题的时候碰见了一道要求使用双飞翼布局的题。于是便对比了一下圣杯布局得到了点新认识。 我们都知道圣杯布局和双飞翼布局都实现了中间宽度自适应,两边定宽的效果。这样做的优势是重要的东西放在文档流前面可以优先渲染。两者又有什么差别呢? 对比圣杯布局和双飞翼布局 1.二者都主要使用了浮动和负边距来达到中 ...
分类:
其他好文 时间:
2016-05-04 22:37:29
阅读次数:
147
一个问题,怎么设置一个div盒子撑满整个屏幕? 这里有两个方法: 1. 效果如下: 2. 效果如下: 在标准文档流里,子代选择器默认继承父选择器的样式,宽度默认100%继承,高度则默认根据元素自身而定;html/body/div默认占满一行,故增加height:100%即可; position:fi ...
分类:
Web程序 时间:
2016-05-04 21:09:28
阅读次数:
197
外边距叠加是一个相当简单的概念。 但是,在实践中对网页进行布局时, 它会造成许多混淆。 简单的说,当两个或更多个垂直边距相遇时,它们将形成一个外边距。这个外边距的高度等于两个发生叠加的外边距的高度中的较大者。只有普通文档流中块框的垂直外边距才会发生外边距叠加。 行内框、浮动框或绝对定位框之间的外边距... ...
分类:
其他好文 时间:
2016-05-02 22:44:34
阅读次数:
433
一定位布局(Position) 1.格式 position:static默认值| fixed固定| absolute绝对| relative相对 2.static默认值:默认文档流(占位) 3.fixed固定 说明: (1)脱离文档流不占位 (2)默认坐标浏览器左上角,通过 top, left,ri ...
分类:
Web程序 时间:
2016-05-01 16:21:06
阅读次数:
198
使用X-UA-Compatible来设置IE浏览器兼容模式 使用X-UA-Compatible来设置IE浏览器兼容模式 文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性,如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。 文件兼容性用于定义让IE如何编译你的网页。此文 ...
分类:
其他好文 时间:
2016-04-27 10:49:20
阅读次数:
114