CSS標(biāo)簽的知識(shí)點(diǎn)有哪些

這篇文章主要講解了“CSS標(biāo)簽的知識(shí)點(diǎn)有哪些”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“CSS標(biāo)簽的知識(shí)點(diǎn)有哪些”吧！

1

如果想在網(wǎng)頁(yè)上顯示文章，這時(shí)就需要<p>標(biāo)簽了，把文章的段落放到<p>標(biāo)簽中。

語(yǔ)法：

<p>段落文本</p>

2

<hx>標(biāo)簽來(lái)制作文章的標(biāo)題。

標(biāo)題標(biāo)簽一共有6個(gè)，h2、h3、h4、h5、h6、h7分別為一級(jí)標(biāo)題、二級(jí)標(biāo)題、三級(jí)標(biāo)題、四級(jí)標(biāo)題、五級(jí)標(biāo)題、六級(jí)標(biāo)題。并且依據(jù)重要性遞減。<h2>是最高的等級(jí)。

語(yǔ)法：

<hx>標(biāo)題文本</hx> (x為1-6)

文章的標(biāo)題前面已經(jīng)說(shuō)過(guò)了，可以使用標(biāo)題標(biāo)簽，另外網(wǎng)頁(yè)上的各個(gè)欄目的標(biāo)題也可使用它們

3

有了段落又有了標(biāo)題，現(xiàn)在如果想在一段話中特別強(qiáng)調(diào)某幾個(gè)文字，這時(shí)候就可以用到<em>或<strong>標(biāo)簽。

但兩者在強(qiáng)調(diào)的語(yǔ)氣上有區(qū)別:<em> 表示強(qiáng)調(diào)，<strong> 表示更強(qiáng)烈的強(qiáng)調(diào)。并且在瀏覽器中<em> 默認(rèn)用斜體表示，<strong> 用粗體表示。兩個(gè)標(biāo)簽相比，目前國(guó)內(nèi)前端程序員更喜歡使用<strong>表示強(qiáng)調(diào)

4

<em>、<strong>、<span>的區(qū)別：

1. <em>和<strong>標(biāo)簽是為了強(qiáng)調(diào)一段話中的關(guān)鍵字時(shí)使用，它們的語(yǔ)義是強(qiáng)調(diào)。

2. <span>標(biāo)簽是沒(méi)有語(yǔ)義的，它的作用就是為了設(shè)置單獨(dú)的樣式用的，把一段話圈起來(lái)，然后用css設(shè)置樣式。

5

q標(biāo)簽，短文本引用

比如在你的網(wǎng)頁(yè)的文章里想引用某個(gè)作家的一句詩(shī)，這樣會(huì)使你的文章更加出彩，那么<q>標(biāo)簽是你所需要的。

語(yǔ)法：

<q>引用文本</q>

1，注意要引用的文本不用加雙引號(hào)，瀏覽器會(huì)對(duì)q標(biāo)簽自動(dòng)添加雙引號(hào)。

2，注意這里用<q>標(biāo)簽的真正關(guān)鍵點(diǎn)不是它的默認(rèn)樣式雙引號(hào)（如果這樣我們不如自己在鍵盤上輸入雙引號(hào)就行了），而是它的語(yǔ)義：引用別人的話

blockquote標(biāo)簽，長(zhǎng)文本引用

<blockquote>的作用也是引用別人的文本。但它是對(duì)長(zhǎng)文本的引用

<q>標(biāo)簽是對(duì)簡(jiǎn)短文本的引用，比如說(shuō)引用一句話就用到<q>標(biāo)簽。

語(yǔ)法:

<blockquote>引用文本</blockquote>

瀏覽器對(duì)<blockquote>標(biāo)簽的解析是縮進(jìn)樣式

6

換行標(biāo)簽<br/>

<br/>標(biāo)簽作用相當(dāng)于word文檔中的回車。

分割線標(biāo)簽<hr/>

<hr/>標(biāo)簽和<br/>標(biāo)簽一樣也是一個(gè)空標(biāo)簽，所以只有一個(gè)開始標(biāo)簽，沒(méi)有結(jié)束標(biāo)簽。

<hr/>標(biāo)簽的在瀏覽器中的默認(rèn)樣式線條比較粗，顏色為灰色，可能有些人覺(jué)得這種樣式不美觀，沒(méi)有關(guān)系，這些外在樣式在我們以后學(xué)習(xí)了css樣式表之后，都可以對(duì)其修改。

7

html特殊字符

空格： (;分號(hào)必不可少)

8

address標(biāo)簽，為網(wǎng)頁(yè)加入地址信息

語(yǔ)法：

<address>地址信息</address>

如：

<address>北京市西城區(qū)德外大街10號(hào)</address>

在瀏覽器上顯示的樣式為斜體，如果不喜歡斜體，當(dāng)然可以，可以在后面的課程中使用css樣式來(lái)修改它<address>標(biāo)簽的默認(rèn)樣式

9

在介紹語(yǔ)言技術(shù)的網(wǎng)站中，必免不了在網(wǎng)頁(yè)中顯示一些計(jì)算機(jī)專業(yè)的編程代碼，當(dāng)代碼為一行代碼時(shí)，你就可以使用<code>標(biāo)簽了，如下面例子：

<code>var i=i+300;</code>

語(yǔ)法：

<code>代碼語(yǔ)言</code>

注意：在文章中一般如果要插入多行代碼時(shí)不能使用<code>標(biāo)簽，如果是多行代碼，可以使用<pre>標(biāo)簽。

<pre> 標(biāo)簽的主要作用:預(yù)格式化的文本。被包圍在 pre 元素中的文本通常會(huì)保留空格和換行符。如果用以前的方法，回車需要輸入<br>簽，空格需要輸入 。

注意：<pre> 標(biāo)簽不只是為顯示計(jì)算機(jī)的源代碼時(shí)用的，在你需要在網(wǎng)頁(yè)中預(yù)顯示格式時(shí)都可以使用它，只是<pre>標(biāo)簽的一個(gè)常見(jiàn)應(yīng)用就是用來(lái)展示計(jì)算機(jī)的源代碼。

感謝各位的閱讀，以上就是“CSS標(biāo)簽的知識(shí)點(diǎn)有哪些”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)CSS標(biāo)簽的知識(shí)點(diǎn)有哪些這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！