百度前端學(xué)院-基礎(chǔ)學(xué)院-第吳課/第六課

dunizb 發(fā)布于2019-04-23 13:35 / 1084人閱讀

摘要：邊界也會(huì)忽略百分比寬度設(shè)置。背景裁剪，值有改變盒子計(jì)算值只是不包含和只包含內(nèi)容高度

今天是一個(gè)跨天的任務(wù)，學(xué)習(xí)目標(biāo)是：掌握CSS盒模型及Float；

盒模型要點(diǎn)：

如果盒子的高度被設(shè)置為百分比長(zhǎng)度，那么盒子高度不會(huì)遵循這個(gè)設(shè)置了的百分比長(zhǎng)度，而是總會(huì)采用盒子內(nèi)容的高度，除非給它設(shè)置了一個(gè)絕對(duì)高度（例如，像素或者 em）。這比把頁(yè)面上每個(gè)盒子的高度默認(rèn)設(shè)置為視口高度的 100% 更方便。
邊界（border）也會(huì)忽略百分比寬度設(shè)置。
外邊距（margin）有一個(gè)特殊的行為，稱為?外邊距塌陷：當(dāng)兩個(gè)盒子挨在一起時(shí)，二者之間的距離為兩個(gè)挨著的外邊距中最大的那個(gè)值，而不是二者的和。

overflow：

background-clip:背景裁剪，值有：

box-sizing: 改變盒子計(jì)算；值：border-box（height只是不包含margin）；和 content-box（只包含內(nèi)容高度）

GPU云服務(wù)器云服務(wù)器前端學(xué)院阿里學(xué)院學(xué)院技術(shù)學(xué)院

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/2081.html

相關(guān)文章

百度前端學(xué)院-基礎(chǔ)學(xué)院-第七天到第八天

摘要：第五天到第六天的內(nèi)容沒有記筆記，不好不好。第七天到第八天的學(xué)習(xí)目標(biāo)是學(xué)習(xí)布局的各種方式。主要包含相關(guān)和相關(guān)。定位的元素應(yīng)該在文檔流中的間隙不再存在絕對(duì)定位的元素不再存在于正常文檔布局流程中。內(nèi)容較多，請(qǐng)參考學(xué)習(xí)了容器項(xiàng)第五天到第六天的內(nèi)容沒有記筆記，不好不好。第七天到第八天的學(xué)習(xí)目標(biāo)是：學(xué)習(xí)布局的各種方式。主要包含position相關(guān)和Flexbox相關(guān)。知識(shí)點(diǎn)： 1、默認(rèn)情況下，塊級(jí)元...

zombieda 2019-04-23 13:46 評(píng)論0 收藏0
百度前端學(xué)院-基礎(chǔ)學(xué)院-第三課

摘要：第三天讓簡(jiǎn)歷有點(diǎn)色彩這一節(jié)課是來初步了解什么是，掌握基本的概念，語(yǔ)法，學(xué)習(xí)如何設(shè)置一些簡(jiǎn)單的樣式。設(shè)置文字陰影。取值較多，具體參考文本布局控制在盒子中的位置。設(shè)置字母與字母直接的間距，或者字與字直接的間距。第二步，瀏覽器顯示內(nèi)容。第三天：讓簡(jiǎn)歷有點(diǎn)色彩這一節(jié)課是來初步了解什么是CSS，掌握基本的CSS概念，語(yǔ)法，學(xué)習(xí)如何設(shè)置一些簡(jiǎn)單的樣式。好記性不如爛筆頭，開始：字體： font-st...

DobbyKim 2019-04-23 14:38 評(píng)論0 收藏0
百度前端學(xué)院-基礎(chǔ)學(xué)院-第四課

摘要：今天是第四天，進(jìn)度可以，表?yè)P(yáng)一下自己。今天的課程目標(biāo)是掌握稍微復(fù)雜的一些選擇器，還有背景，邊框等一些樣式屬性。設(shè)置邊框?qū)挾?。今天是第四天，進(jìn)度可以，表?yè)P(yáng)一下自己。今天的課程目標(biāo)是：掌握 CSS 稍微復(fù)雜的一些選擇器，還有背景，邊框等一些 CSS 樣式屬性。 CSS背景：背景色：background-color:gray; 背景圖：background-image:url(www........

wean 2019-04-23 14:38 評(píng)論0 收藏0
百度前端學(xué)院-基礎(chǔ)學(xué)院-第七天到第八天之BFC

摘要：簡(jiǎn)介全稱中文為塊級(jí)格式化上下文。特征總之記住一句話元素特征表現(xiàn)原則就是內(nèi)部元素?zé)o論怎么翻江倒海，都不會(huì)影響外部元素。如何觸發(fā)，常見如下的值不為的值為，或。的值不為和需掌握自適應(yīng)模塊布局內(nèi)容很多，具體參考1、BFC簡(jiǎn)介 BFC全稱block formatting context,中文為塊級(jí)格式化上下文。特征總之記住一句話： BFC元素特征表現(xiàn)原則就是：內(nèi)部元素?zé)o論怎么翻江倒海，都不會(huì)影響外部元...

junfeng777 2019-04-23 13:46 評(píng)論0 收藏0
百度前端學(xué)院-基礎(chǔ)學(xué)院-第二課

摘要：具體來說，新建的規(guī)則有新特性應(yīng)該基于以及。，標(biāo)簽都是用來干嘛的是提供關(guān)于的元數(shù)據(jù)，不會(huì)顯示在頁(yè)面上，但是對(duì)于機(jī)器是可讀的。元數(shù)據(jù)可用來瀏覽器如何顯示內(nèi)容或重新加載頁(yè)面，用于搜索引擎關(guān)鍵字。 HTML是什么，HTML5是什么 HTML元素標(biāo)簽、屬性都是什么概念？文檔類型是什么概念，起什么作用？ meta標(biāo)簽都用來做什么的？ Web語(yǔ)義化是什么，是為了解決什么問題鏈接是什么概念，對(duì)應(yīng)什么標(biāo)簽...

stormzhang 2019-04-23 14:38 評(píng)論0 收藏0