百度前端學院-基礎學院-第七天到第八天

zombieda 發(fā)布于2019-04-23 13:46 / 1701人閱讀

摘要：第五天到第六天的內(nèi)容沒有記筆記，不好不好。第七天到第八天的學習目標是學習布局的各種方式。主要包含相關和相關。定位的元素應該在文檔流中的間隙不再存在絕對定位的元素不再存在于正常文檔布局流程中。內(nèi)容較多，請參考學習了容器項

第五天到第六天的內(nèi)容沒有記筆記，不好不好。

第七天到第八天的學習目標是：學習布局的各種方式。主要包含position相關和Flexbox相關。

知識點：

1、默認情況下，塊級元素的內(nèi)容寬度是其父元素的寬度的100％，并且與其內(nèi)容一樣高。

2、概念：外邊距折疊。

3、position， static，默認值；

? ? ? ? ? ? ? ? ? ? ? ?relative, 需設置top bottom left, right.方向是反的。與靜態(tài)定位很相似。

? ? ? ? ? ? ? ? ? ? ? ?absolute,?需設置top bottom left, right.?原點是最近的設置了position的祖先元素，如果沒有，則是html。定位的元素應該在文檔流中的間隙不再存在,絕對定位的元素不再存在于正常文檔布局流程中。相反，它坐在它自己的層獨立于一切。

? ? ? ? ? ? ? ? ? ? ? ? fixed，?這與絕對定位的工作方式完全相同，只有一個主要區(qū)別——絕對定位固定元素是相對于??元素或其最近的定位祖先，而固定定位固定元素則是相對于瀏覽器視口本身。

4、flex布局。內(nèi)容較多，請參考https://developer.mozilla.org/zh-CN/docs/Learn/CSS/CSS_layout/Flexbox

? ? ? 學習了flex容器：flex-flow? align-items? justify-content? flex-

? ? ? ?flex項：flex?

云服務器 GPU云服務器前端學院第八天第七天阿里學院

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

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/2304.html

百度前端學院-基礎學院-第七天到第八天之BFC

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

junfeng777 2019-04-23 13:46 評論0 收藏0
26天學通前端開發(fā)（配資料）

摘要：網(wǎng)上有很多前端的學習路徑文章，大多是知識點羅列為主或是資料的匯總，數(shù)據(jù)量讓新人望而卻步。天了解一個前端框架。也可以關注微信公眾號曉舟報告，發(fā)送獲取資料，就能收到下載密碼，網(wǎng)盤地址在最下方，獲取教程和案例的資料。前言好的學習方法可以事半功倍，好的學習路徑可以指明前進方向。這篇文章不僅要寫學習路徑，還要寫學習方法，還要發(fā)資料，干貨滿滿，準備接招。網(wǎng)上有很多前端的學習路徑文章，大多是知...

blair 2019-08-21 16:59 評論0 收藏0
貪心學院-圖神經(jīng)網(wǎng)絡高級訓練營

摘要：百度網(wǎng)盤提取碼最近一直關注貪心學院的機器學習訓練營，發(fā)現(xiàn)這門課講的很有深度，不僅適合職場也適合科研人員，加入行業(yè)拿到高薪僅僅是職業(yè)生涯的開始。 ??百度網(wǎng)盤??提取碼：u6C4最近一直關注貪心學院的機器學習訓練營，發(fā)現(xiàn)這門課講的很有深度，不僅適合職場也適合科研人員，加入AI行業(yè)拿到高薪僅僅是職業(yè)生涯的開始?，F(xiàn)階段AI人才結(jié)...

番茄西紅柿 2021-11-25 09:43 評論0 收藏2637
百度前端學院-基礎學院-第三課

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

DobbyKim 2019-04-23 14:38 評論0 收藏0
百度前端學院-基礎學院-第四課

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

wean 2019-04-23 14:38 評論0 收藏0