外邊距的重疊:
? ? 垂直外邊距的重疊:在網(wǎng)頁中相鄰的垂直方向在外邊距會發(fā)生外邊距的重疊
? ? 所謂的外邊距重疊指兄弟元素之間的相鄰?fù)膺吘鄷∽畲笾刀皇侨『?/p>
? ? 如果父子元素的垂直外邊距相鄰玻靡，則子元素的外邊距會設(shè)置給父元素
瀏覽器的默認(rèn)樣式
????瀏覽器為了在頁面中沒有樣式時必逆，也可以有一個比較好的顯示效果盛泡，所以為很多的元素都設(shè)置了一些默認(rèn)的margin和padding贱鄙，而它的這些默認(rèn)樣式牡辽，正常情況下我們是不需要使用的宛徊。所以我們往往在編寫樣式之前需要將瀏覽器中的默認(rèn)的margin和padding統(tǒng)統(tǒng)的去掉
*{margin: 0;padding: 0;
內(nèi)聯(lián)元素的盒模型
? ? 盒模型分成內(nèi)容區(qū)街夭，內(nèi)邊距祸轮，邊框，外邊距
????內(nèi)聯(lián)元素不能設(shè)置width和height
? ? 內(nèi)聯(lián)元素不支持垂直外邊距
display和visibility
? ? 將內(nèi)聯(lián)元素變成塊哀峻，通過display樣式可以修改元素的類型
????inline：可以將一個元素作為內(nèi)聯(lián)元素顯示
????block: 可以將一個元素設(shè)置塊元素顯示
????inline-block：將一個元素轉(zhuǎn)換為行內(nèi)塊元素- 可以使一個元素既有行內(nèi)元素的特點又有塊元素的特點涡相，既可以設(shè)置寬高，又不會獨占一行
????none: 不顯示元素剩蟀，并且元素不會在頁面中繼續(xù)占有位置
????使用該方式隱藏的元素催蝗，不會在頁面中顯示，并且不再占據(jù)頁面的位置
? ? visibility
????- 可以用來設(shè)置元素的隱藏和顯示的狀態(tài)
????- 可選值：
????????????????????visible 默認(rèn)值育特，元素默認(rèn)會在頁面顯示
????????????????????hidden 元素會隱藏不顯示?
????使用 visibility:hidden;隱藏的元素雖然不會在頁面中顯示丙号，
?????但是它的位置會依然保持
overflow
? ? ? ? 子元素默認(rèn)存在父元素的內(nèi)容區(qū)，子元素最大可以跟父元素一樣大意外顯露缰冤，如果子
? ? ? ? 元素大小超過了父元素的內(nèi)容區(qū)犬缨，超出的內(nèi)容會在父元素之外顯露，這種
? ? ? ? 叫做溢出的內(nèi)容
? ? ?? visible 默認(rèn)值锋谐，不會對溢出做處理遍尺，元素在父元素之外顯現(xiàn)出來
? ? ? ? hidden，溢出的內(nèi)容 不會顯現(xiàn)
? ? ? ? scroll 會在父元素添加滾動條涮拗，通過拖動的條來查看完整內(nèi)容
? ? ? ? ? ? 這個屬性不管內(nèi)容是否溢出乾戏，都會添加水平和垂直的滾動條
? ? ? ? auto 會根據(jù)需求自動添加滾動條迂苛，只需要水平就添加水平，需要垂直就添加垂直鼓择，都不需要就都不加
文檔流： ? 處在網(wǎng)頁的最低層三幻，表示一個網(wǎng)頁中的位置，創(chuàng)建的元素都處于文檔流中
元素在文檔流中的特點塊元素1.塊元素在文檔流中會獨占一行呐能，塊元素會自上向下排列2.塊元素在文檔流中默認(rèn)寬度是父元素的100%3.塊元素在文檔流中的高度默認(rèn)被內(nèi)容撐開內(nèi)聯(lián)元素1.內(nèi)聯(lián)元素在文檔流中只占自身的大小念搬，會默認(rèn)從左向右排列，如果一行中不足以容納所有的內(nèi)聯(lián)元素摆出，則換到下一行朗徊，繼續(xù)自左向右。2.在文檔流中偎漫，內(nèi)聯(lián)元素的寬度和高度默認(rèn)都被內(nèi)容撐開-->
當(dāng)元素的寬度的值為auto時爷恳，此時指定內(nèi)邊距不會影響可見框的大小，而是會自動修改寬度象踊，以適應(yīng)內(nèi)邊距
浮動
使用float來使元素浮動温亲，從而脫離文檔流
none，默認(rèn)值杯矩，元素默認(rèn)在文檔流中排列
left栈虚，元素會立即脫離文檔流，向頁面的左側(cè)浮動
right史隆，元素會立即脫離文檔流魂务，向頁面的右側(cè)浮動
文字環(huán)繞“
浮動的元素不會蓋住文字，文字會自動環(huán)繞在浮動元素的周圍逆害，所以我們可以通過浮動來設(shè)置文字環(huán)繞圖片的效果
????
????????
????????
????
????
????
