摘要:和都可以把信息獨(dú)立稱一個小小都區(qū)域。有的人在這里用,這里不推薦,因為是用于和表單元素進(jìn)行綁定的,它和表單元素搭配使用的。和有什么區(qū)別會多帶帶的占一行,而不會多帶帶占一行。是一個容器級別的標(biāo)簽,而是一個文本級別的標(biāo)簽。
為什么在這里講解div和span呢,而不在html中講解呢?
因為在我們的開發(fā)中div和span一般是配合css來使用的,來完成一定的效果,來設(shè)置一些屬性,在前面我們沒有學(xué)習(xí)css,所以體會不到它的效果。
div和span都可以把信息獨(dú)立稱一個小小都區(qū)域。
1.什么是div?
作用:一般用于配合css完成網(wǎng)頁都基本布局
如何快速打出以下樣式?
先打上div.header? 然后按下tab鍵
2.什么是span?
作用:一般用于配合css修改網(wǎng)頁都一些局部信息
我們來看下面這句話,我想給“無能為力”和“感動自己”加上紅色,但是如果使用p標(biāo)簽整段話都會變紅的。
所以如果我們給你想要修改的字的部分添加一個span標(biāo)簽,就可以來。
有的人在這里用label,這里不推薦,因為label是用于和表單元素進(jìn)行綁定的,它和表單元素搭配使用的。
所以如果想修改局部信息要用span,修改布局信息要用div。
3.div和span有什么區(qū)別?
3.1 div會多帶帶的占一行,而span不會多帶帶占一行。
2.div是一個容器級別的標(biāo)簽,而span是一個文本級別的標(biāo)簽。
4.容器級的標(biāo)簽和文本級的標(biāo)簽的區(qū)別?
容器級的標(biāo)簽中可以嵌套其它所有的標(biāo)簽
文本級別的標(biāo)簽中只能嵌套文字/圖片/超鏈接
容器級的標(biāo)簽:div? h? ul? ol? dl? li dt? dd......
文本級的標(biāo)簽:span? ?p? ?b? ?u? i? s? strong? ?em? ins? ?del.....
看下面實(shí)例子:
div中嵌套所有標(biāo)簽都可以正常顯示
在文本標(biāo)簽中嵌套不能正常顯示,會多出來一個p,h1標(biāo)簽會跑出來
注意點(diǎn):
哪些標(biāo)簽是文本級的,哪些標(biāo)簽是容器級的,我們不用刻意去記憶,在企業(yè)開發(fā)中一般情況下要嵌套的都是嵌套在div中,或按照組標(biāo)簽來嵌套(如ol和li,ul和li,dl和dt/dd)
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/2102.html
摘要:所以我們要用到行內(nèi)塊級元素如標(biāo)簽,既不獨(dú)占一行,又可以設(shè)置寬高在HTML中HTML將所有的標(biāo)簽分為兩類,分別是容器級和文本級 在CSS中CSS也將所有的標(biāo)簽分為兩類,分別是塊級元素和行內(nèi)元素 1.什么是塊級元素,什么是行內(nèi)元素? 塊級元素會獨(dú)占一行 行內(nèi)元素不會獨(dú)占一行 塊級元素? ? ? ?容器級標(biāo)簽都是塊級元素還要加上一個p p? ?div? h? ul? ?ol? ?dl? ?li?...
摘要:下面列舉了游戲開發(fā)中常見的崗位以及兩條常見的協(xié)作開發(fā)的流水線其實(shí)學(xué)習(xí)游戲引擎,前期對于任何崗位來說路線都是相似的,基本上就是一個熟悉基本操作理解基本概念拓展專業(yè)知識的過程。當(dāng)然這不是絕對的,任何引擎的開始階段和大成階段都是相似的。 這是【游戲開發(fā)那些事】第51篇原創(chuàng) 前言:游戲引擎,表面...
摘要:為什么中有一部分標(biāo)簽會被廢棄因為當(dāng)前中的標(biāo)簽只有一個作用,就是用來添加語義,而早期的標(biāo)簽中有一部分標(biāo)簽是沒有語義的有一部分標(biāo)簽是用來修改樣式的所以這部分標(biāo)簽就被淘汰了沒有任何的語義,都是用來修改樣式的以后在企業(yè)開發(fā)中,不到萬不得已一定不要使1.為什么HTML中有一部分標(biāo)簽會被廢棄? 因為當(dāng)前HTML中的標(biāo)簽只有一個作用,就是用來添加語義,而早期的HTML標(biāo)簽中有一部分標(biāo)簽是沒有語義的 有...
摘要:快捷鍵補(bǔ)充到這里屬性基本就講完了,然后我們還有一些的屬性沒有講,但是要用到盒子模型,現(xiàn)在我們沒有學(xué)盒子模型,所以不用講背景圖片和插入圖片區(qū)別我們先來看一個例子如何快速的打出以下代碼鍵現(xiàn)在,我們要分別用背景圖片和插入圖片的方式插入快捷鍵補(bǔ)充: bc? background-color:; bi??background-image:; bgr?background-repeat:; gp??ba...
摘要:如何在中利用快捷鍵創(chuàng)建一個新的的文件同時按下鍵盤上的同時按下鍵盤上的標(biāo)簽系列作用用于給文本添加標(biāo)題語義格式注意點(diǎn)標(biāo)簽是用來給文本添加標(biāo)簽題語義的,而不是用來修改文本的樣式的標(biāo)簽一共有個,從,最多只能到,超過則無效可以利用每一個標(biāo)簽都獨(dú)占一行 如何在webstorm中利用快捷鍵創(chuàng)建一個新的html的文件? 同時按下鍵盤上的ctrl+alt+insert(windows) 同時按下鍵盤上的ct...
閱讀 3465·2023-04-25 18:52
閱讀 2478·2021-11-22 15:31
閱讀 1217·2021-10-22 09:54
閱讀 3003·2021-09-29 09:42
閱讀 602·2021-09-26 09:55
閱讀 905·2021-09-13 10:28
閱讀 1092·2019-08-30 15:56
閱讀 2104·2019-08-30 15:55