DIV和span還有p標籤應該怎麼用?

2023-06-03 18:05:18 字數 4362 閱讀 8522

1樓:匿名使用者

div是塊級元素,span是行內元素。

div、p、h1~h6之類的塊級元素預設情況下在他門後面的元素會被擠到下面去換行,而span行內元素就不會換行,還是在一行。你清楚了這個就大概知道什麼時候該用什麼了。例子:

**:這裡要換行。

結果:這裡要。換行。

**:這裡不換行。

結果:這裡不換行。

還有個常見情況是比如:

一段文字是藍色,我希望中間有兩個字是紅色。

的突出一下。

假設p的樣式是color:blue;,而文字中需要突出的「紅色」兩個字又不是個連結,就可以加個span,給span加上樣式:color:red;

還有些特殊用法,你摸清楚了上面2個用法慢慢的就會明白了。

2樓:以債養債

div裡面可以套入span和p,而span和p裡面一般不套入div。

其實你主要記住,div用於大的盒子模型,而p是段落,一般用於文章,而span是行內元素,一般用於為了表現某一個元素的特定屬性,才有用。具體用法:

3樓:肉播柴璃

div是p標籤都是塊元素。 也就是說假如你放一個 div或者p在一行內,那麼他會獨佔一行。 稱之為塊元素。

塊元素也可以轉換為行內元素 也就是像 a標籤這一類的元素一個性質。

只要我們給他一個 display:inline-block; 這樣,他就既有塊元素屬性也有行內元素屬性。

span是一個內聯元素,它純粹是為了應用樣式表面成立的,所以當樣式表無效時,它的存在也就沒有意義了。

css的東西很靈活, 沒有很死的用法,p也可以巢狀div

div 也可以巢狀p 也可以巢狀span

span也可以巢狀他們。

看你怎麼去用了。

p標籤和span標籤有什麼區別?

4樓:匿名使用者

1、p標籤和span標籤都是標準的html標籤,兩個功能有點類似,區別是一個是塊標籤,一個是行標籤。

2、所謂塊標籤,也叫塊級元素,塊級元素佔據其父元素(容器)的整個空間,因此建立了一個「塊」。通常瀏覽器會在塊級元素前後另起一個新行。

3、所謂行標籤,也叫行內元素,行內元素不能獨佔一行,與其他行內元素排成一行,其寬度隨元素的內容變化而變化。

4、希望對你有幫助,祝你學有所得。

j**ascript中div和span的區別?

5樓:豬頭幫幫主麥兜

最大的區別是,div是塊元素,span是內聯元素,也就是說,div有如下預設樣式:

div相對地,span有如下預設樣式:

span當然這些樣式是可以通過css更改的,兩者也存在其他一些區別,但是在現代前端開發中,div與span的區別不再被強調,通常來說,span不再那麼常用。

6樓:匿名使用者

div和span的最主要區別在於語義上,預設情況下:

是用於組合其他 html 元素的容器,即下級可以巢狀其他html元素。基於此特徵, 屬於塊級元素,瀏覽器會在其前後顯示換行。

是文字的容器,即一般只包圍在文字的兩邊。基於此特徵,屬於內聯元素,即在顯示時通常不會以新行開始。

下面舉例說明:

1、假設有如下的html元素,並且為div和span設定了邊框,便於觀察效果。

我是span元素的內容1

我是span元素的內容2

我是div元素的內容1

我是div元素的內容2

2、結果如下,顯示了屬於塊級元素及屬於內聯元素的特點。

7樓:匿名使用者

就是把裡面的東西當成一整體,怎麼處理都行。

也是把裡面的東西當成一個整體,區別就是是把裡面的東西顯示成一行比如大連。

很美顯示的效果就是 大連很美。

html中id,div,span是啥意思,它們是怎麼用的?

8樓:匿名使用者

div,span都是裝東西用的。只不過呈現方式不一樣。id是屬性。例如:

this is the main area!

一言難盡。請參考。

獲取更詳細的資訊。

div+css中span和i還有p標籤具體意思?

9樓:匿名使用者

1、標籤:

定義:標籤被用來組合文件中的行內元素。

註釋:span 沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化。

例子:這是span的一個示例。

2、標籤:定義:標籤顯示斜體文字效果。

註釋:標籤一定要和結束標籤 結合起來使用。

例子:這是斜體字。

3、標籤:定義:標籤定義段落。

註釋:p元素會自動在其前後建立一些空白。瀏覽器會自動新增這些空間,您也可以在樣式表中規定。

例子:這是一個段落。

10樓:匿名使用者

p標籤是段落,/p結尾以後,如果後面還跟著p標籤就會重新另起一行,而span標籤式行內的,他不會令起一行。一個是段落標籤一個是行內的標籤。

11樓:匿名使用者

是段落標籤,也就塊狀元素。

是內聯元素。

塊狀元素:獨佔一行,width和height起作用內聯元素:width和heigh不起作用,不佔一行i標籤現在已經不用了,瞭解一下就可以拉!

12樓:匿名使用者

這是html的基礎知識吧。

i 這樣的標籤 很少用了。

p標籤 是分段標籤 會另起一行。

div與span的區別是?

13樓:旺理財

div 和 span 元素最大的特點是預設都沒有對元素內的物件進行任何格式化渲染。主要用於應用樣式表(共同點)。

div與span兩者最顯著的區別在於div是塊元素可以包含段落、標題、**,乃至諸如章節、摘要和備註等。而span是行內(即內嵌)元素,span 的前後是不會換行的,它沒有結構的意義,純粹是應用樣式,當其他行內元素都不合適時,可以使用span。如果不對div元素定義任何css屬性,其顯示效果等於在前後各加一個。

換行。預設情況下,一個div是佔一行,而span是一個行內標記,一個內聯的物件,預設情況下,span巢狀在任何頁面中,在不超過父模組邊界的情況下,是在同一行顯示的。

14樓:

span 和 div 的區別在於,div(division)是一個塊級元素,可以包含段落、標題、**,乃至諸如章節、摘要和備註等。而span 是行內元素,span 的前後是不會換行的,它沒有結構的意義,純粹是應用樣式,當其他行內元素都不合適時,可以使用span。

下面以一個例項來說明這兩個屬性的區別。

**:<span>span標記有一個重要而實用的特性,即它什麼事也不會做,它的唯一目的就是圍繞你的html**中的其它元素,這樣你就可以為它們指定樣式了。在此例中,<span>識別符號允許你將一個段落分成不同的部分。

還有一個識別符號具有類似的功能,<div>div也被用來在html檔案中建立邏輯部分。但與<div>span不同,<div>工作於文字塊一級,它在它所包含的html元素的前面及後面都引入了行分隔。

效果:span標記有一個重要而實用的特性,即它什麼事也不會做,它的唯一目的就是圍繞你的html**中的其它元素,這樣你就可以為它們指定樣式了。在此例中,識別符號允許你將一個段落分成不同的部分。

還有一個識別符號具有類似的功能,div也被用來在html檔案中建立邏輯部分。但與span不同,工作於文字塊一級,它在它所包含的html元素的前面及後面都引入了行分隔。

div與span之間有什麼區別

15樓:匿名使用者

div 和 span 元素最大的特點是預設都沒有對元素內的物件進行任何格式化渲染。主要用於應用樣式表(共同點)。

兩者最明顯的區別在於div是塊元素,而span是行內元素(也譯作內嵌元素)。

詳解:1.所謂塊元素,是以另起一行開始渲染的元素,行內元素則不需另起一行,測試一下下面的**你會有更形象的理解:

測試緊跟前面的"測試"顯示。

這裡會另起一行顯示。

2.塊元素和行內元素也不是一成不變的,通過定義css的display屬性值可以互相轉化,如:

測試緊跟前面的"測試"顯示。

這裡會另起一行顯示。

div與span的區別?

16樓:崇苑幹聽楓

是塊級元素。其表現的特性是「行佈局」形式,這裡的「行佈局」的意思就是說其表現形式始終以行進行顯示。

是內聯元素。內聯元素一般都是基於語義級(semantic)的基本元素,內聯元素只能容納文字或者其他內聯元素。

如何去掉自動新增的p和br標籤,js如何去除所有標籤 只剩br及p標籤

這個要看你的使用的軟體來定。有些軟體會自動將回車轉換為p標籤,如果只是想去掉自動新增的p,那麼一是可以通過查詢替換來刪除,二是在編輯的過程中,儘量不用回車或是看軟體有沒有相關的設定選項。手動去掉,再這就是設定裡取消提醒 js如何去除所有標籤 只剩br及p標籤 20 ueditor多圖上傳,如何去掉p...

thinKPad W系列和T系列,還有P系列各有什麼區別,哪個較更好?做繪圖設計高階商務使用的

p系列 移動工作站 專業用途繪圖,設計等等 t系列 高階商務辦公 w跟p以前,後來砍了 thinkpad w 和t系列的區別 thinkpad w 和t系列的區別 名字取義的區別 配置手寫板模組的區別 重量的區別 一 名字取義的區別 thinkpad w系列全稱為終極圖形工作站,w系列是有史以來最強...

VIVOX20P和VIVOU3應該買那款比較好

這個得看你什麼需求了,需求不一樣,買的東西也不一樣。vivoz3和vivox23那個好些?這種問題是沒有懸念的,同一個廠家的手機當然是 更貴更好,z3和x23都是驍龍670處理器,z3的記憶體是4 64gb 1598,x23記憶體8 128gb,3198 vivoz3價效比很高,處理器比較好,但是其...