css通過display屬性可以將網頁元素設定為block、inline、inline-block三類。這三類網頁元素的區別如下:
display屬性值
說明
特點
block
塊級元素
inline
內聯元素
inline-block
行內塊元素
網頁元素預設兩種型別:塊級元素和內聯元素。行內塊元素需要通過display屬性設定。
span
aimg
button
input
label
brtd
body
header
footer
aside
article
seciton
divh1-h6
ptable
olul
lidt
dddt
除了可以使用float屬性製作橫向導航選單外,可以使用inline-block屬性。
示例如下圖:
示例**
如何去除inline-block元素間的間距?元素在形成行內元素之前,元素之間存在空白字元,例如換行符和空格等。
解決方式1:元素在html中連續書寫
解決方式2:行內塊級元素設定負數margin。(缺點,不明確空格的尺寸,無法精確設定)
網頁布局05 網頁元素定位
網頁元素定位涉及到兩個css屬性 position和z index屬性。position的屬性值如下 position的屬性值說明如下 static 沒有定位,網頁元素以標準文件流方式顯示。relative 設定相對定位的盒子會相對它原來的位置,通過指定偏移,到達新的位置。設定相對定位的盒子仍在標準...
11 網頁布局 定位
為什麼需要定位?提問 以下情況使用標準流或者浮動能實現嗎?某個元素可以自由的在乙個盒子內移動位置,並且壓住其他盒子 當我們滾動視窗時,盒子是固定在螢幕某個位置的 以上效果,標準流或浮動都無法快速實現,此時需要定位來實現 所以 定位組成 定位 將盒子定在某乙個位置.所以定位也是在擺盒子,按照定位的方式...
2017 5網頁瀏覽
1.真相訪談 共有3季25集。在片頭,阿公尺爾汗有這樣一段獨白 社會中還有很多令人心酸的事實,我們卻對此熟視無睹。這些苦難,卻讓我深感不安,感到哀傷。有時我會想,幹嘛要去思考這些與我無關的事情呢?我的生活幸福美滿,別人的苦難與我何干呢?但是它確有干係。因為我也是這個社會中的乙份子。一連串的事情把你我...