CSS-元素的显示、浮动及定位

一、作业的讲解
二、display 元素的显示方式(none inlin block inlin-block)的补充讲解
三.元素浮动的补充讲解
Float它的值有:none left right
(1) 该属性可以使元素脱离文档流,在父容器中进行浮动,停靠到父元素的“内容边界”或其它浮动元素的“边框”,
(2) 浮动的元素会忽略元素间的“空格”,让同样具有该属性的元素“紧密”地排列在一起。
(3) 该属性通常用于处理一些需要紧密排列在一起的“块级元素”,如“导航条”、“相册”,或用于处理“图文混排”等。

清除元素浮动的方法:clear属性设置到父元素上,用于清除子元素浮动给他带来的影响。
它有以下值:
• none:默认值,不清楚浮动影响
• left:清除左浮动元素带来的影响
• right:清除右浮动元素带来的影响
• both:清除左右两侧浮动元素带来的影响
四、 position用于设置元素定位的扩展(static默认值 relative相对定位 absolute绝对定位 fixed固定定位)
五、高级选择器的讲解(见菜鸟教程)

猜你喜欢

转载自blog.csdn.net/weixin_43748935/article/details/84793725