課時90.div和span（掌握）

Yuqi 發(fā)布于2019-04-23 13:36 / 1403人閱讀

摘要：和都可以把信息獨立稱一個小小都區(qū)域。有的人在這里用，這里不推薦，因為是用于和表單元素進行綁定的，它和表單元素搭配使用的。和有什么區(qū)別會多帶帶的占一行，而不會多帶帶占一行。是一個容器級別的標簽，而是一個文本級別的標簽。

為什么在這里講解div和span呢，而不在html中講解呢？

因為在我們的開發(fā)中div和span一般是配合css來使用的，來完成一定的效果，來設置一些屬性，在前面我們沒有學習css，所以體會不到它的效果。

div和span都可以把信息獨立稱一個小小都區(qū)域。

1.什么是div？

作用：一般用于配合css完成網頁都基本布局

如何快速打出以下樣式？

先打上div.header? 然后按下tab鍵

2.什么是span？

作用：一般用于配合css修改網頁都一些局部信息

我們來看下面這句話，我想給“無能為力”和“感動自己”加上紅色，但是如果使用p標簽整段話都會變紅的。

所以如果我們給你想要修改的字的部分添加一個span標簽，就可以來。

有的人在這里用label，這里不推薦，因為label是用于和表單元素進行綁定的，它和表單元素搭配使用的。

所以如果想修改局部信息要用span，修改布局信息要用div。

3.div和span有什么區(qū)別？

3.1 div會多帶帶的占一行，而span不會多帶帶占一行。

2.div是一個容器級別的標簽，而span是一個文本級別的標簽。

4.容器級的標簽和文本級的標簽的區(qū)別？

容器級的標簽中可以嵌套其它所有的標簽

文本級別的標簽中只能嵌套文字/圖片/超鏈接

容器級的標簽：div? h? ul? ol? dl? li dt? dd......

文本級的標簽：span? ?p? ?b? ?u? i? s? strong? ?em? ins? ?del.....

看下面實例子：

div中嵌套所有標簽都可以正常顯示

在文本標簽中嵌套不能正常顯示,會多出來一個p，h1標簽會跑出來

注意點：

哪些標簽是文本級的，哪些標簽是容器級的，我們不用刻意去記憶，在企業(yè)開發(fā)中一般情況下要嵌套的都是嵌套在div中，或按照組標簽來嵌套（如ol和li，ul和li，dl和dt/dd）

云服務器 GPU云服務器課時 Span asp span span的值

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/2102.html

課時91.CSS元素顯示模式（掌握）

摘要：所以我們要用到行內塊級元素如標簽，既不獨占一行，又可以設置寬高在HTML中HTML將所有的標簽分為兩類，分別是容器級和文本級在CSS中CSS也將所有的標簽分為兩類，分別是塊級元素和行內元素 1.什么是塊級元素，什么是行內元素？塊級元素會獨占一行行內元素不會獨占一行塊級元素? ? ? ?容器級標簽都是塊級元素還要加上一個p p? ?div? h? ul? ?ol? ?dl? ?li?...

Drummor 2019-04-23 13:36 評論0 收藏0
我是如何學習游戲引擎的？

摘要：下面列舉了游戲開發(fā)中常見的崗位以及兩條常見的協(xié)作開發(fā)的流水線其實學習游戲引擎，前期對于任何崗位來說路線都是相似的，基本上就是一個熟悉基本操作理解基本概念拓展專業(yè)知識的過程。當然這不是絕對的，任何引擎的開始階段和大成階段都是相似的。這是【游戲開發(fā)那些事】第51篇原創(chuàng) 前言：游戲引擎，表面...

未東興 2021-09-30 09:48 評論0 收藏0
課時57.HTML被廢棄的標簽（掌握）

摘要：為什么中有一部分標簽會被廢棄因為當前中的標簽只有一個作用，就是用來添加語義，而早期的標簽中有一部分標簽是沒有語義的有一部分標簽是用來修改樣式的所以這部分標簽就被淘汰了沒有任何的語義，都是用來修改樣式的以后在企業(yè)開發(fā)中，不到萬不得已一定不要使1.為什么HTML中有一部分標簽會被廢棄？因為當前HTML中的標簽只有一個作用，就是用來添加語義，而早期的HTML標簽中有一部分標簽是沒有語義的　　有...

TIGERB 2019-04-23 13:38 評論0 收藏0
課時100.背景圖片和插入圖片區(qū)別（掌握）

摘要：快捷鍵補充到這里屬性基本就講完了，然后我們還有一些的屬性沒有講，但是要用到盒子模型，現(xiàn)在我們沒有學盒子模型，所以不用講背景圖片和插入圖片區(qū)別我們先來看一個例子如何快速的打出以下代碼鍵現(xiàn)在，我們要分別用背景圖片和插入圖片的方式插入快捷鍵補充： bc? background-color:; bi??background-image:; bgr?background-repeat:; gp??ba...

omgdog 2019-04-23 13:36 評論0 收藏0
課時18.h標簽和p標簽以及hr標簽（掌握）

摘要：如何在中利用快捷鍵創(chuàng)建一個新的的文件同時按下鍵盤上的同時按下鍵盤上的標簽系列作用用于給文本添加標題語義格式注意點標簽是用來給文本添加標簽題語義的，而不是用來修改文本的樣式的標簽一共有個，從，最多只能到，超過則無效可以利用每一個標簽都獨占一行如何在webstorm中利用快捷鍵創(chuàng)建一個新的html的文件？同時按下鍵盤上的ctrl+alt+insert（windows）同時按下鍵盤上的ct...

Allen 2019-04-23 13:39 評論0 收藏0