#HTML#-CSS樣式-設置元素樣式的三種方式

層疊樣式表(Cascading Style Sheets,CSS)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言,CSS備受前端開發者的青睞。本文對基本的CSS元素的基本屬性進行介紹。

#HTML#-CSS樣式-設置元素樣式的三種方式

圖片源於網絡

CSS的基礎元素包括style,本文主要對style中font-size(設置字體大小)和color設置文本顏色兩種屬性設置這兩種屬性主要包括三種方式:

第一種:對對象進行內嵌樣式,代碼如下:

<code>

/<code>

第二種:對整個文本嵌入樣式,代碼如下:

<code>
<style><br>a{<br> font-size:定義字體大小;<br> color:定義字體顏色<br> }<br>/<style>
//對整個文本進行嵌入樣式/<code>

第三種:嵌入外部樣式表

可以單獨創建一個外部樣式表(.CSS)文件,CSS文件中的定義方法與第二種類似,然後在HTML中引入該文件,代碼示例如下:

<code>
<link>
/<code>

三種方式中,後兩種會經常用到,因為第一種在一個HTML中無法實現同時對兩個對象進行樣式設置,而後兩種可以對多個對象進行樣式設計。

另外,當三種在HTML同時層疊出現時,三種方式的優先級:第一種>第二種>第三種。


分享到:


相關文章: