php html class,如何使用HTML span标签的class属性?这里有关于class属性的详解
本篇文章主要為大家講述的就是關(guān)于HTML span標(biāo)簽的class屬性的一些用法,這個是需要配合css樣式一起來使用的,現(xiàn)在可以稍微說點css樣式的基本,對有過基礎(chǔ)的人來說都很容易。那現(xiàn)在就讓我們一起來看看這篇文章吧
首先我們來看看關(guān)于HTML span標(biāo)簽的class屬性的意思:
span英文為跨度 的意思,但是在網(wǎng)頁制作中它是html標(biāo)簽的一種完整標(biāo)簽為
標(biāo)簽被用來組合文檔中的行內(nèi)元素。
class在html中用來定義標(biāo)簽的樣式,可重復(fù)利用,針對不同的標(biāo)簽它可以定義長寬高以及背景顏色等等...
例如、,其中main為class名字在css用以"."進行定義
往下看發(fā)展:
這有一個例子:
some text.some other text.
例子的解釋在這:
如果不對 span 應(yīng)用樣式,那么 span 元素中的文本與其他文本不會任何視覺上的差異。盡管如此,上例中的 span 元素仍然為 p 元素增加了額外的結(jié)構(gòu)。
可以為 span 應(yīng)用 id 或 class 屬性,這樣既可以增加適當(dāng)?shù)恼Z義,又便于對 span 應(yīng)用樣式。
可以對同一個 元素應(yīng)用 class 或 id 屬性,但是更常見的情況是只應(yīng)用其中一種。這兩者的主要差異是,class 用于元素組(類似的元素,或者可以理解為某一類元素),而 id 用于標(biāo)識單獨的唯一的元素。
提示:事實上,您也許已經(jīng)注意到了,W3School 站點上有一些文本的樣式與其他文本是不同的。比如“提示”使用了粗體的橘紅色。盡管實現(xiàn)這種效果的方法非常多,但是我們的做法是:使用“提示”使用 span 元素,然后對這個 span 元素的父元素,即 p 元素應(yīng)用 class,這樣就可以對這個類的子元素 span 應(yīng)用相應(yīng)的樣式了。
這是HTML中的代碼:
提示:... ... ...
這是CSS中的代碼:p.tip span {
font-weight:bold;
color:#ff9955;
}
就這樣,一個簡單的css屬性,加上span標(biāo)簽的應(yīng)用,就能讓一個標(biāo)簽應(yīng)用到別的標(biāo)簽元素中去,這樣就是css樣式的好處之一,用著方便。
再來一個完整的HTML span標(biāo)簽的class實例:
PHP中文網(wǎng)(php.cn)span.intro {color:blue;}
p.important {color:green;}
標(biāo)題 1
段落。
注意:這是一個很重要的段落。 :)
就圖中能理解多少,這也是一個很簡單的網(wǎng)頁,加上了點css樣式,就能把整個樣式整改。比如把字體顏色改為藍色了。
就想如圖:
好了,以上就是關(guān)于HTML span標(biāo)簽的class屬性的介紹。有問題可以在下方提問。
【小編推薦】
總結(jié)
以上是生活随笔為你收集整理的php html class,如何使用HTML span标签的class属性?这里有关于class属性的详解的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: matlab中大figure怎样修改,操
- 下一篇: php奇数乘法表,PHP九九乘法表