CSS世界(一)流與元素

2022-06-30 19:18:13 字數 977 閱讀 3192

流者,動也,切來由 流水落花春去也,天上人間

css的流方向 預設從左至右 從上之下

good

.father

.son

乙個盒子包裹另乙個盒子,當包裹盒子沒有設定border和padding且div包裹盒子裡沒有內容,裡邊盒子的設定的上邊距不會起作用。

css元素分《內聯級元素》 和 《塊級元素》

《內聯級元素》 常見有: span , label, a, img, em...

《塊級元素》 常見有: div li p table...

但這是絕對的嗎?

fdsfds

fdsfds

.test

瀏覽器預設設定將內建語義化的標籤設定其display屬性,使其成為對應的元素

display 常見屬性值: inline, block,inline-block,table, none

display: none; 與 visibility:hidden;的區別你是否了解?
block 塊級元素 , 「塊級元素」對應的英文是 block-level element 主要用於html結構化布局

1. 乙個水平流上只能單獨顯示乙個元素,多個塊級元素則換行顯示

2. 可以設定寬高

inline 內聯元素, 「內聯級元素」(inline-level elements) 主要用於內容展示

1. 預設無寬高,且無法設定寬高

2. 包裹性, 包裹+自適應 元素包裹內容,寬高根據內容自適應擴充套件

3. 行內元素,與其他行內元素可以水平排列

span  

問題 以上**div高度為多少,並解釋為什麼?

《CSS世界》筆記一 流 元素 尺寸

初讀 css世界 還是在深圳,屬於換工作前的充能。那時候除了工作,其他時間基本都在這本書裡了,因為它的確吸引人。之前看過 css揭密 不過是對css3知識的講解和一些應用,但是 css世界 這本書將css作為乙個體系講解,顛覆了以往對css的認知。這是 二進宮 了,想著我是應該寫點什麼的。布局方式 ...

靠什麼建立世界一流大學

編者按 本文的兩位作者是在各自研究領域成就卓著的海外青年學者。帶著拳拳報國之心,如今他們全身心地回到國內 帶著對中國強盛的熱切期盼,他們又將關注的目光投向自己並不 專業 的領域。在世界一流大學學習 任教的經歷,使他們更加強烈地認識到,建立中國自己 的世界一流大學何其重要。施一公 美國普林斯頓大學分子...

透視一流團隊

寶德納莫納 bord na mona譯名 是愛爾蘭的一家泥炭公司,它的單位員工產量幾乎翻了一番 k鞋業 k shoes譯名 是英國最老的製鞋企業之一,它的退貨率從每百萬雙5000雙降到250雙。斯特林溫斯碌普公司 sterling winthrop譯名 是止痛花panadol的生產者,它的發貨期從1...