學習資料 :
元素是文件結構的基礎,在css裡面,每個元素生成了包含內容的框(box),大家都叫「盒子」。但是不同的元素顯示方式是不同的,有佔據一整行的,有水平乙個挨著乙個的。比如:div 與span的方式不一樣。
什麼是替換元素與非替換元素
替換元素:
替換元素是瀏覽器根據其標籤的元素與屬性來判斷顯示具體的內容。
比如:type="text" 的是,這是乙個文字輸入框,換乙個其他的時候,瀏覽器顯示就不一樣
(x)html中的
非替換元素:
(x)html 的大多數元素是不可替換元素,他們將內容直接告訴瀏覽器,將其顯示出來。
比如wanmei.com
瀏覽器將把這段內容直接顯示出來。
除了這兩字,還有兩種非常屬性的元素,顯示元素,他分為兩種情況,一種是『塊及元素』 『block』,還有一種是「行內元素」inline,大家也叫「內聯元素」。
塊及元素
他最明顯的特徵就是獨自占領一行,自動充滿父級元素的內容區域,絕不會讓別人「侵略」(當然可以通過其他方式去改變他)。
常見的有:div,p..等等。
通過css設定了浮動(float屬性,可向左浮動或向右浮動)以及設定顯示(display)屬性為「block」或「list-item」的元素都是塊級元素。這個地方浮動是乙個比較特殊的情況,可以詳查浮動這個知識
行內元素:
上面說塊及元素獨自占領一行,行內元素就沒這麼霸道了,他可以左右都允許有元素,最常見的就是
通過display:'inline'設定以後都會變成行內元素。
開始做,堅持做,重複做
CSS 替換元素和非替換元素 行內非替換元素
html元素也可以分為替換元素和非替換元素 1.替換元素 替換元素是由瀏覽器根據表示的元素和屬性決定顯示的內容。例如 如果text換成其他的屬性值,input會顯示不同的樣子,這也是有input和type屬性值決定顯示內容的。像2.非替換元素 html中大多數都是非替換元素,瀏覽器直接顯示標籤元素的...
CSS 替換元素和非替換元素
元素是文件結構的基礎,在css裡面,每個元素生成了包含內容的框 box 大家都叫 盒子 但是不同的元素顯示方式是不同的,有佔據一整行的,有水平乙個挨著乙個的。比如 div 與span的方式不一樣。什麼是替換元素與非替換元素 替換元素 替換元素是瀏覽器根據其標籤的元素與屬性來判斷顯示具體的內容。比如 ...
CSS基礎 替換元素和非替換元素
簡介 根據 外在盒子 是內聯還是塊級我們可以把元素分為內聯元素和塊級元素,而根據是否具有可替換內容,我們也可以把元素分為替換元素和非替換元素。這種通過修改某個屬性值,例如 的 src 屬性,的 type 屬性,呈現的內容就可以被改變的元素稱為替換元素,例如 等等,除此之外,它還具有以下特性 1 替換...