複習第六天的知識
1、元素的隱藏方式：---display：none; 不會占用頁面的空間
---visibility:hidden; 占用頁面的空間
2、display屬性值：
display：block;顯示為塊級元素
display：inline;顯示為內聯元素
display：inline-block;顯示為行內塊級元素
3、overflow屬性值及作用
overflow：hidden; 隱藏
overflow：visible;預設值，溢位
overflow：scale; 始終有滾動條
overflow：auto; 自動，當內容溢位時會出現滾動條，否則不會出現
4、float的屬性值及含義
float：none; 預設，不浮動
float：left; 左浮動
float: right; 右浮動
5、bfc的含義是塊級格式化環境
今天的知識
1、塊級與內聯元素的浮動
塊級元素在文件流中的特點：塊級元素是獨佔一行(垂直排列)
預設的寬度是父級元素的100%
預設的高度是所有子元素高度之和
沒有子元素高度為零
塊級元素設定為浮動的特點
預設的高度和寬度為零，但是有效
寬度設定為100%--是相對於父級的
寬度和高度是所有子元素的寬度和高度之和
元素之間是水平排列
內聯元素在文件流中的特點：內聯元素在頁面是水平排列
高度和寬度是無效的
內聯元素設定為浮動時的的特點：
與塊級元素設定為浮動的效果是一致的
2、清除浮動
clear：none; 預設值
clear：left; 清除左側的浮動
clear：right; 清除右側的浮動
clear：both; 清除兩側的浮動
案列：在父級元素結束的前面加div
給父級選擇器加overflow：hidden;清除父級產生的浮動
給父級加偽元素：.one::after
3、固定定位
position：fixed;
元素會脫離文件流，始終相對於當前頁面進行定位，
4、絕對定位
position：absolute;
兩個div元素是父級與子級的關係--子級元素開啟了絕對定位
--父級元素不開啟定位，子級元素是相對於頁面的定位
--父級元素開啟定位，子級元素是相對於父級元素的定位
元素會脫離文件流，元素會呈現塊級元素效果，如果不設定偏移量，元素的位置不會發生改變
5、相對定位
position：relative;
相對於元素原本的位置的定義
開啟相對定位的元素，不會脫離文件流
開啟相對定位的元素。是相對於該元素在文件流中的定義效果
開啟相對定位的元素，不會改變元素的性質
CSS基礎 浮動
一 浮動定位的定義 浮動打破了塊級元素獨佔一行的慣例，使多個塊級元素可以在一行顯示。二 浮動定位的特點 1 浮動元素脫離了普通的文件流，在不在佔據頁面空間時，其他沒有浮動的元素會自動上前佔據浮動元素原來的頁面空間。2 浮動元素會停留在父級元素的左邊或右邊，或者停留在其他浮動元素的邊緣。3 浮動元素只...
CSS知識 浮動 定位
所有的元素預設情況下都是在文件流中存在的 文件流是網頁的最底層 元素在文件流中的特點 內聯元素 相對定位 相對於元素自身在文件流中的位置進行定位 相對定位的元素不會脫離文件流，定位元素的性質不會改變，塊還是塊，內聯還是內聯 如果不設定偏移量，元素不會發生任何的變化 會提公升元素的層級 絕對定位 相對...
浮動相關知識及清浮動方法
先了解一下文件流的概念，所謂文件流，就是指文件中可以顯示的物件在排列是所佔的位置。而浮動就是 使我們的元素脫離正常文件流，按照指定方向發生移動，直到碰到它的父元素邊界或另乙個浮動元素的邊界 浮動是讓元素水平方向移動，不能上下移動 浮動屬性 float left 左浮動 float right 右浮動...