前幾個星期把網(wǎng)頁的基礎知識大致學習了一下沙庐，但是總歸是學的是非常匆忙的，這兩個星期一直在做網(wǎng)頁，這幾天做網(wǎng)頁總覺得缺了點什么英染，有些東西沒有系統(tǒng)的進行整理。今天上午到小組之后查閱了許多資料被饿，在對資料的總結(jié)歸納理解的基礎上用自己的語言四康，寫了一些筆記，如下：
display
1.**display的特性**
- 塊級元素與行級元素的轉(zhuǎn)變
- 控制塊元素排到一行：inline-block
- 控制元素的顯示和隱藏：none
2.**display屬性**
- block：塊級元素的默認值狭握，元素會被顯示為塊級元素闪金，該元素前后會帶有換行符，即塊元素獨占一行
- inline:行內(nèi)元素的默認值论颅，元素會被顯示為行內(nèi)元素哎垦，該元素前后不會帶有換行符，即行內(nèi)元素可以放在一行上恃疯。inline不能設置寬高漏设，但是讓inline浮動之后，該行內(nèi)元素會轉(zhuǎn)化為塊元素今妄，所以可以設置行高了郑口。
inline-block:行內(nèi)塊元素鸳碧，可以把塊元素放在一行上
- none：元素會被隱藏。
3.#### display：
inline屬性使元素內(nèi)聯(lián)展示犬性，內(nèi)聯(lián)元素設置寬度無效瞻离，相鄰的inline元素會在一行顯示，不能設置寬高乒裆。但是給行內(nèi)元素設置浮動之后套利，可以設置寬和高。
block的元素始終會獨占一行鹤耍，呈塊狀顯示肉迫，可設置寬高。
inline-block的元素就是寬高可設置稿黄，相鄰的元素會在一行顯示昂拂。
4.inline-block： 當我們要設置某些元素在一行顯示，并且排列方向一致的情況下抛猖，我們盡可能去用inline-block格侯。因為inline-block的元素仍然在當前文檔流里面，這樣就減少了程序的更改操作财著，并且也不用擔心父級邊框塌陷的問題联四。
有兩個元素，我們需要一個向左撑教，一個向右排列朝墩，這時候我們就只能用float來實現(xiàn)，float能控制排列方向伟姐。
### float和display：都可以設置元素的寬和高收苏，但是都不能設置方位。
float：
1.# float浮動：是針對塊級元素的浮動
浮動：浮動使元素脫離正常的文檔流愤兵，是元素移動到所處容器的邊界鹿霸，或者移動到觸碰另一個浮動的元素。
### float：浮動設計的初衷秆乳，是為了實現(xiàn)文本環(huán)繞效果懦鼠。
**left** ：元素會產(chǎn)生一個塊級盒子向左浮動，正常的文檔流會從這個盒子的右邊和頂部開始屹堰。肛冶，即旁邊的文字會緊靠著元素的右邊或頂部。
**right** ：跟 `left` 屬性值類似扯键，只是元素產(chǎn)生的塊級盒子向右浮動睦袖，正常的文檔流會從這個盒子的左邊和頂部開始。即旁邊的文字會緊靠著元素的左邊或頂部荣刑。
**none** ：這個盒子不浮動馅笙，會顯示其在文本中出現(xiàn)的位置
設置元素的浮動為左或者右浮動伦乔，當設置元素浮動時，相鄰元素會根據(jù)自身大小延蟹，排滿一行，如果父容器寬度不夠則會換行叶堆。當我們設置了元素的浮動時阱飘，這個元素就脫離了文檔流，相鄰元素會呈環(huán)繞裝排列虱颗。
2.## 一浮多噶ば佟：一個塊狀元素設置為浮動，則其他的塊狀元素也需要設置浮動忘渔，當一個元素設置為浮動后高帖，他附近的行內(nèi)元素會自動跟上，即旁邊的文字會緊靠著元素畦粮。
3.使用浮動如何改變元素定位散址。
#### 根據(jù)margin ，padding來設置元素的位置宣赔。
#### 設置元素的position以后 根據(jù) left 预麸，top 來設置位置。
4.浮動會導致的問題：父級元素塌陷儒将。
父元素坍塌問題：大家應該知道吏祸，對于一個元素來說，不給他固定高度的時候他的高度是由內(nèi)容撐開的钩蚊，也就是說贡翘，如果這個元素里面沒有任何內(nèi)容，他的高度就是0砰逻，當這個元素有內(nèi)容的時候鸣驱，他就有了高度（也就是內(nèi)容的高度），這也就導致了float元素的這個問題蝠咆，當元素設置了float之后丐巫，它就脫離了文檔流，也就是說此時父元素不再包含它勺美，如果這時候盒子內(nèi)沒有其他元素的話递胧，父元素的高度就會變?yōu)?。
今天下午五點半之后就閉組了赡茸，但是我的網(wǎng)頁還沒有達到要求缎脾，距離預訂的考核時間也沒剩多長時間了，閉組之后也不能放松占卧，爭取盡快考核遗菠。
這一陣做網(wǎng)頁的成果如下：
雖然進度還是很慢联喘，但是做網(wǎng)頁的大部分時間都是自己敲出來的，不是照著視頻敲的辙纬，這兩個練手網(wǎng)頁做完以后豁遭，相信我會對制作網(wǎng)頁有更清楚的認知，制作網(wǎng)頁會越來越順贺拣。
