块元素可以加宽高,外边距内边距,宽不指定的话是父元素的100% 块元素里面可以放行内元素也可以放块元素。
行内元素宽高无效 宽度是由内容宽度撑起来的。 行内元素里面只能容纳行内元素和文字元素。
后代选择器 用空格表示 可以选儿子和后代 子元素选择器只选择最近的亲儿子 用>表示 并集选择器用,表示
但文字类块元素里面不能放块元素 浮动可以使div脱离标准流,也就是说如果有多个div加了浮动之后,具备行内元素的特性,即可以在一行中显示。 行内元素设置宽高无效,但给其加浮动效果,宽高有效。 浮动效果会使元素漂浮,其余元素会自动补充原有的位置。
浮动应用场合: 一行无缝隙横向排列。 定位应用场合: 需要压住其他东西或是固定某个东西。 定位模式+边偏移
position
- static
- relative
- absolute
- fixed
边偏移 top bottom left right
相对定位,相对自身上下左右变化,他移动了,别人不会乱动。其他不会受到他的干扰。(占有位置) 绝对定位是相对父亲(有定位的父亲)而说的。如果父元素没有定位,还是以浏览器为准。(不占位置) 他移动了,他的位置空出来,别人会顶替。绝对定位会压住其他盒子。 子绝父相 固定定位是根据窗口可视区域而言的。