css中幾個重要概念

2022-08-05 12:33:18 字數 1511 閱讀 6051

例如"瀏覽器會根據標籤的src屬性的值來讀取資訊並顯示,瀏覽器會根據input標籤的type屬性來決定是顯示輸入框還是單選按鈕

shashi

在css中,有時乙個元素的位置和尺寸的計算都相對於乙個矩形,這個矩形被稱作包含塊。包含塊是乙個相對的概念,比如子元素的初始化布局總是在父元素的左上角,這就是乙個相對的概念。每個元素都會生成乙個包含塊,但這個包含塊是虛無的,你看不到也摸不著,只是乙個概念。包含塊吧並不會限制它裡面元素的大小,如果裡面的元素比包含塊大,那麼超出的部分就會被溢位。乙個元素的位置和尺寸與它的包含塊息息相關,而元素會為它的子孫元素建立包含塊,但這並不代表這個包含塊就是它的父元素(不過這個父元素確實和包含塊有著一些聯絡)。在某些情況下,我們可以將包含塊理解為父元素。

包含塊的建立

父元素或祖先元素沒有定位時

父元素或祖先元素定位值為relative

父元素或祖先元素定位值為absolute

父元素或祖先元素定位值為fixed

當祖先元素時行內元素時,若direction值為ltr則右邊補空白,若direction值為rtl則左邊補空白

direction:ltr

direction:rtl

控制框主要指display的屬性所形成的框,包括塊框,匿名塊框,行內框,匿名行內框,插入框(run-in).

display的一些屬性:

1.塊級元素與塊框

其中可以產生塊元素的值為block,list-item,run-in,table。塊級元素除了table外都會形成乙個主塊框,並且這個主塊框只包含乙個型別的框,就是說裡面要麼是塊框,要麼是行內框。主塊框會為子孫元素建立包含塊,生成內容。主塊框參與塊級格式化上下文。某些塊級元素還會在主塊框之外生成額外的框,比如當某個元素的display值為list-item時,它會生成乙個額外的框用來放置那些標誌,比如li元素前面的標誌

2.匿名塊框

這是一段內容

div包括了一段文字和乙個塊框(p),此時div似乎既包括了行內框,又包括了乙個塊框,那麼它會將所有的行內框都包含在乙個匿名塊框之中

3.行內框

可以產生行內元素的值為inline,inline-table,run-in

4.匿名行內框

這是一段內容

div包括了一段文字和乙個em元素,此時div似乎包含的都是乙個行內框,那麼它會為這段文字生成乙個匿名行內框。在格式化table時,會形成更多的匿名行內框。

5.插入框(run-in)

如果乙個元素的display值為run-in,那麼它會根據後面的元素來確定它的型別應該是什麼。這個屬性在新的chrome版本中已經移除了,可以不用關注該屬性了。

本文**於猿2048:css中幾個重要概念

Spring中幾個重要的概念

1 輕量級 spring核心只有不到1mb大小,是個非侵入性 應用程式感受不到框架的存在,降低了應用程式從框架移植時候的負擔 框架。2 容器 spring核心本身就是乙個容器。管理物件 bean 的生命週期,物件組態,相依注入等,這些主要是靠配置檔案來完成。3 ioc spring的核心概念是ioc...

C 重要幾個概念

1 c 中虛函式的作用是什麼 2.c 運算子過載怎麼理解?說起來比較麻煩,還是自己看起來領悟的快。給你個簡單的運算子過載的例子。過載了兩個 點的加減運算。他使本來只可以在數值上用 運算的可以被座標點運用。點x 1,1 y 2,2 z 3,3 例子如下,成功除錯。include using names...

幾個重要的概念

1 服務 服務是乙個個的介面,介面約定了服務,從而使隨意替換服務的實現對使用介面服務的 沒有任何的影響。像我們上面例子中的ilog,ilogformatter都是乙個個服務,我們在這個例子中支實現了乙個文字檔案的日誌記錄,如果你要是實現資料庫記錄的日誌記錄,都必須要遵守ilog這個介面。2 元件 簡...