多类名
行内块元素:行内是可以多个一行,块元素是设置属性
加粗样式
如果行内元素就需要一个上下左右的内外边距呢,可以转成块或行内块元素
使用margin
并不会撑大盒子因为h3没有指定宽度
半径是盒子的一半就可以得到一个圆
默认就是outset外阴影,并且不允许写在属性上
空空如也
浮动盒子只会影响后面的标准流
理想状态是这样的,但是父元素高度为0被下面标准流元素抢占位置
得到透明背景图片
原来的是有底色的
宽度自动和行内内容一样高,不给宽会在添加字数的时候自动撑开盒子
行内块元素默认有个缝隙,后面位置不够自动掉下来,解决办法是为行内块加浮动
这边会有2个掉下去
两种方案,一种给父级指定一个大点width一种是把最后一个单独选出来修改margin-right
由于行内元素没有大小,所以要转一下
标准流和浮动是不能使用这四个属性的
父亲没本事(没定位),我自己找浏览器定位
爷爷有定位,但父亲没有,以爷爷为基准定位。都没有,以浏览器为准
脱离标准流,不占有原先的位置
左浮动右浮动
以浏览器可视区域为基准
随着浏览器窗口变化不变,但到达某一个位置后不在变化,具体位置参考给的定位属性
普通标准流和浮动是没有这个属性的
子绝父相
绝对定位盒子垂直居中
结构还在,但不再占有原来的位置,由别人占用