對於初學者的你,html布局元素真的很清楚嗎?

2021-10-21 18:51:23 字數 755 閱讀 8297

對於初學者,當我們做專案的時候,總會有一種困惑,對於一些標籤總是搞不清楚,不知道什麼位置用什麼標籤,或者不清楚行內元素(內聯元素)和塊元素(塊狀元素)以及行內塊元素(內聯塊狀元素)到底有什麼區別。接下來就詳細的總結一下。

常見的有span,a,b,strong,i,em,br, sub ,sup ,u ,label ,font

本身屬性為display:inline

和其他行內元素從左到右在一行顯示,不可以直接控制寬度、高度等其他相關css屬性,但是可以直接設定內外邊距的左右值

寬高是由本身內容大小決定的(文字、等)

只能容納文字或者其他行內元素,不能巢狀塊級元素

常見的塊級元素有

div,h1-h6,hr,menu,ol,ul,li,dl,table,p,from

本身屬性為display:block

獨佔一行,每乙個塊級元素都會從新的一行重新開始,從上到下排布可以直接控制寬度、高度等其他相關css屬性,例如(padding系列,margin系列)

在不設定寬度的情況下,塊級元素的寬度是它父級元素內容的寬度

在不設定高度的情況下,塊級元素的高度是它本身內容的高度

常見的有img,input,textarea

本身屬性為display:inline-block

內聯塊狀元素綜合了前兩種的特性卻又各有取捨。

不自動換行

能夠識別width和height , line-height , padding , marign

預設排列方式為從左到右

初學者談初學者學html

這是乙個段落。解釋一下就是 html 與 html 之間的文字是描述網頁。head 與 head 之間的文字是文件的元資料。title 與 之間的文字是文件的標題。body 與 body 之間的文字是可見的頁面內容,是文章的主體部分。h1 與 h1 之間的文字被顯示為乙個大標題。p 與 p 之間的文...

HTML語法大全,送給初學者!

批註 跑馬燈 普通捲動 滑動 預設捲動 來回捲動 向下捲動 向上捲動 向右捲動 向左捲動 捲動次數 設定寬度 設定高度 設定背景顏色 設定捲動距離 設定捲動時間 字型效果 標題字 最大 標題字 最小 粗體字 粗體字 強調 斜體字 斜體字 強調 斜體字 表示定義 底線 底線 表示插入文字 橫線 刪除線...

(我是初學者)html求教

先看兩段 一function divmove ss speed imgobj.style.left ss px 變換 if countimg 100 else countimg if countimg 200 20毫秒後再次執行該函式 x window.settimeout divmove 20 二...