span標簽的作用
發布時間:2020/4/14 14:00:09 來源: 縱橫數據
定義和用法
<span> 標簽被用來組合文檔中的行內元素。
提示和注釋:
提示:請使用 <span> 來組合行內元素,以便通過樣式來格式化它們。
注釋:span 沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化。
如果不對 span 應用樣式,那么 span 元素中的文本與其他文本不會任何視覺上的差異。盡管如此,上例中的 span 元素仍然為 p 元素增加了額外的結構。
可以為 span 應用 id 或 class 屬性,這樣既可以增加適當的語義,又便于對 span 應用樣式。
可以對同一個 <span> 元素應用 class 或 id 屬性,但是更常見的情況是只應用其中一種。這兩者的主要差異是,class 用于元素組(類似的元素,或者可以理解為某一類元素),而 id 用于標識單獨的唯一的元素。
提示:事實上,您也許已經注意到了,W3School 站點上有一些文本的樣式與其他文本是不同的。比如“提示”使用了粗體的橘紅色。盡管實現這種效果的方法非常多,但是我們的做法是:使用“提示”使用 span 元素,然后對這個 span 元素的父元素,即 p 元素應用 class,這樣就可以對這個類的子元素 span 應用相應的樣式了。
縱橫數據新上的美國站群服務器8C 現貨
限量特價 速定! cn2限量一人3臺
E5 16G 1T 8C 232IP
E5*2 32G 1T 8C 232IP
E5*2 32G 2T 8C 232IP
E5*2 32G 3T 8C 232IP
美國站群服務器 美國高防御服務器 歡迎在線客服 QQ 4001886560 482986990
<span> 標簽被用來組合文檔中的行內元素。
提示和注釋:
提示:請使用 <span> 來組合行內元素,以便通過樣式來格式化它們。
注釋:span 沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化。
如果不對 span 應用樣式,那么 span 元素中的文本與其他文本不會任何視覺上的差異。盡管如此,上例中的 span 元素仍然為 p 元素增加了額外的結構。
可以為 span 應用 id 或 class 屬性,這樣既可以增加適當的語義,又便于對 span 應用樣式。
可以對同一個 <span> 元素應用 class 或 id 屬性,但是更常見的情況是只應用其中一種。這兩者的主要差異是,class 用于元素組(類似的元素,或者可以理解為某一類元素),而 id 用于標識單獨的唯一的元素。
提示:事實上,您也許已經注意到了,W3School 站點上有一些文本的樣式與其他文本是不同的。比如“提示”使用了粗體的橘紅色。盡管實現這種效果的方法非常多,但是我們的做法是:使用“提示”使用 span 元素,然后對這個 span 元素的父元素,即 p 元素應用 class,這樣就可以對這個類的子元素 span 應用相應的樣式了。
縱橫數據新上的美國站群服務器8C 現貨
限量特價 速定! cn2限量一人3臺
E5 16G 1T 8C 232IP
E5*2 32G 1T 8C 232IP
E5*2 32G 2T 8C 232IP
E5*2 32G 3T 8C 232IP
美國站群服務器 美國高防御服務器 歡迎在線客服 QQ 4001886560 482986990
本文來源:
//66moju.cn/article/2345.html
[復制鏈接]
鏈接已復制
上一篇:如何在html頁面中插入視頻
下一篇:html5新特性有哪些