CSS笔记(10)
唉,感觉最近好懒啊,一直在玩玩玩.得抓紧学了,每次看弹幕都感觉别人学的好快好多,在家的效率真的好低啊,比学校里低太多了555555....语法:
选择器 { float : 属性值 }
浮动特性(重难点)
浮动元素会脱离标准流(脱标)
① 脱离标准普通流的控制(浮)移动到指定位置(动),俗称脱标
② 浮动的盒子不再保留原先的位置
浮动的元素会一行内显示并且元素顶部对齐...浮动的元素会具有行内块元素的特性
浮动元素会具有行内块元素特性:任何元素都可以浮动,不管原先是什么模式的元素,添加浮动之后具有行内块元素相似的特性....如果块级盒子没有设置宽度,默认宽度和父级一样宽,但是添加浮动以后,它的大小根据内容来决定.
浮动的盒子中间是没有缝隙的,是紧挨在一起的.
行内元素同理....案例:
做一个这样的页面出来:
根据上面的知识可知,我们要在页面中放一个大的标准流盒子,然后再在大盒子中放两个浮动的盒子.
现在先放一下我自己做的:
完整代码:
<!