前端基礎回顧總結

2021-09-25 06:29:03 字數 1108 閱讀 5178

1.塊狀元素block level element

塊級元素在瀏覽器顯示時,通常會以新行來開始(和結束)

2.內聯元素(行內元素)inline element

和其他元素都在一行上。高度、寬度、行高及頂部和底部邊距不可設定。其寬度為其內容的寬度

萬一需要調整時:

display屬性規定元素應該生成的框的型別。

常用:

在區分行內元素和塊狀元素的時候,通常是我們在需要排版的時候,當以上元素不能解決排版問題的時候還有另外的方式:脫離標準文件。

css 有三種基本的定位機制:普通流、浮動和絕對定位。

一般情況下我們使用的是標準流文件,而有些時候當標準流文件方式不能滿足我們的需求的時候,我們可以使元素脫離標準流文件,以此方便我們操作。

浮動框不在文件的普通流中

浮動的框可以向左或向右移動,直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止。

假設把乙個頁面看做乙個平面,當使用浮動時,就相當於在平面上再加了乙個透明的平面,而浮動的元素則加在了透明的平面上,不透明的浮動的元素則擋住了底平面元素大小範圍的元素,而此時某些元素比如p標籤則不會被遮蓋(浮動的根本目的:使文字元素環繞):為什麼元素浮動之後,文字會環繞在周邊,而不是跟浮動元素重合?

clear:

要想阻止行框圍繞浮動框,需要對該框應用 clear 屬性。clear 屬性的值可以是 left、right、both 或 none,它表示框的哪些邊不應該挨著浮動框。(w3school)

行框:指本行的乙個虛擬的矩形框,其高度等於本行內所有元素中行高最大的值.其中牽扯到基線,底端,行內框,行間距

深入理解 css 中的行高與基線

參考一下顧清秋的浮動的講解

它允許你定義元素框相對於其正常位置應該出現的位置,或者相對于父元素、另乙個元素甚至瀏覽器視窗本身的位置。

通過使用 position 屬性,我們可以選擇 4 種不同型別的定位:

個人回顧總結

答 我們的軟體要解決如何讓同學們在愉悅歡快的遊戲中收穫知識,如何把學習變成一件相對不枯燥的事情,我們利用充足的時間做了計畫,並同夏大偉老師進行商討解決了對於需求的滿足。答 有,相對來說時間相對充裕,但是由於我們要做的是遊戲,乙個全新的東西嗎,所以制定計畫有一些費力。答 我們小組意見都會說出來,如果不...

專案回顧 總結

一 團隊中每個人針對專案回顧模板中的問題,用markdown語法寫下自己的思考和回答並發布到自己的 我們的軟體要解決什麼問題?是否定義得很清楚?是否對典型使用者和典型場景有清晰的描述?我們的軟體主要解決藥品庫存量的管理,我們定義清楚,我們軟體面對的使用者是醫生和藥品庫存管理人員,面對的場景是醫院 是...

專案回顧 總結

設想和目標 1.我們的軟體要解決什麼問題?是否定義得很清楚?是否對典型使用者和典型場景有清晰的描述?一些小的功能細節 清楚 有。2.是否有充足的時間來做計畫?有。3.團隊在計畫階段是如何解決同事們對於計畫的不同意見的?投票,用人數多的計畫。使用者量,使用者對重要功能的接受程度和我們事先的預想一致麼?...