学习的初期,我们就要知道,标准文档流等级森严。标签分为两种等级: 行内元素 块级元素 比如h1标签和span,同时设置宽高,来看浏览器效果,那么你会发现: 行内元素和块级元素的区别:(非常重要) 行内元素: 与其他行内元素并排; 不能设置宽、高。默认的宽度,就是文字的宽度。 块级元素: 霸占一行,不 ...
分类:
其他好文 时间:
2018-11-10 10:45:09
阅读次数:
64
浮动元素的特征有: 1.块在一排显示; 2.内联元素支持宽高; 3.无论是块元素还是内联元素,没有宽度时默认内容撑开宽度; 4.脱离文档流; 5.提升层级半级。 对其他浮动元素的影响:后浮动的元素永不会超过先浮动元素的顶端。 对普通元素的影响:浮动元素会从文档正常流中删除,使得紧挨它的元素位置发生偏 ...
分类:
Web程序 时间:
2018-11-09 16:24:44
阅读次数:
1362
一.定位网页元素 position : 1.static :默认值,代表没有定位,元素没有定位会以标准文档流方式展现出来 2.relative :相对定位,元素以自身原来位置进行定位(如果设置元素浮动,那么会以浮动后的位置作为原来的位置) 规律: 设置相对定位的盒子会相对它原来的位置,通过指定偏移, ...
分类:
Web程序 时间:
2018-11-09 16:19:06
阅读次数:
175
一.标准文档流:指元素根据块元素或行内元素的特性按从上到下,从左到右的方式自然排列。这也是元素默认的排列方式 二.display属性 display:更改块级元素和行内元素的相互转换 block:块级元素的默认值 inline:行内元素的默认值 inline-block:同时具有行内和块级元素的特性 ...
分类:
Web程序 时间:
2018-11-09 16:16:12
阅读次数:
768
一.定位网页元素 position : 1.static :默认值,代表没有定位,元素没有定位会以标准文档流方式展现出来 2.relative :相对定位,元素以自身原来位置进行定位(如果设置元素浮动,那么会以浮动后的位置作为原来的位置) 规律: 设置相对定位的盒子会相对它原来的位置,通过指定偏移, ...
分类:
其他好文 时间:
2018-11-09 16:08:47
阅读次数:
208
一.定位网页元素 position :1.static :默认值,代表没有定位,元素没有定位会以标准文档流方式展现出来2.relative :相对定位,元素以自身原来位置进行定位(如果设置元素浮动,那么会以浮动后的位置作为原来的位置) 规律: 设置相对定位的盒子会相对它原来的位置,通过指定偏移,到达 ...
分类:
Web程序 时间:
2018-11-09 16:05:30
阅读次数:
186
一.定位网页元素 position : 1.static :默认值,代表没有定位,元素没有定位会以标准文档流方式展现出来 2.relative :相对定位,元素以自身原来位置进行定位(如果设置元素浮动,那么会以浮动后的位置作为原来的位置) 规律: 设置相对定位的盒子会相对它原来的位置,通过指定偏移, ...
分类:
Web程序 时间:
2018-11-09 16:02:34
阅读次数:
189
一.定位网页元素 position :1.static :默认值,代表没有定位,元素没有定位会以标准文档流方式展现出来2.relative :相对定位,元素以自身原来位置进行定位(如果设置元素浮动,那么会以浮动后的位置作为原来的位置) 规律: 设置相对定位的盒子会相对它原来的位置,通过指定偏移,到达 ...
分类:
Web程序 时间:
2018-11-09 14:23:51
阅读次数:
229
一.定位网页元素 position : 1.static :默认值,代表没有定位,元素没有定位会以标准文档流方式展现出来 2.relative :相对定位,元素以自身原来位置进行定位(如果设置元素浮动,那么会以浮动后的位置作为原来的位置) 规律: 设置相对定位的盒子会相对它原来的位置,通过指定偏移, ...
分类:
其他好文 时间:
2018-11-09 14:22:18
阅读次数:
151
一.定位网页元素 position : 1.static :默认值,代表没有定位,元素没有定位会以标准文档流方式展现出来 2.relative :相对定位,元素以自身原来位置进行定位(如果设置元素浮动,那么会以浮动后的位置作为原来的位置) 规律: 设置相对定位的盒子会相对它原来的位置,通过指定偏移, ...
分类:
Web程序 时间:
2018-11-09 14:20:51
阅读次数:
152