教育行業A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

CSS是什么意思?史上最詳細介紹

更新時間:2021年01月20日16時21分 來源:傳智教育 瀏覽次數:

好口碑IT培訓

CSS是什么?CSS全稱是什么?

CSS英文全稱為Cascading Style Sheet,幾個單詞拆開翻譯,Cascading有大量的意思,Style有風格樣式的意思,Sheets有表格的意思,整合在一起中文譯為“層疊樣式表”。

CSS的有什么用?

CSS以HTML為基礎,提供了豐富的功能,如字體、顏色、背景的控制及整體排版等,而且還可以針對不同的瀏覽器設置不同的樣式。文字的顏色、粗體、背景、行間距和左右兩列的排版等,都可以通過CSS來控制。

CSS的發展歷史

20世紀90年代初,HTML語言誕生,各種形式的樣式表也隨之出現。但隨著HTM功能的增加,外來定義樣式的語言變得越來越沒有意義了。1994年,哈坤·利提出CSS的最初建議,伯特·波斯(Bert Bos)當時正在設計一個叫做Argo的瀏覽器,它們決定一合作設計CSS。發展至今,CSS已經出現了4個版本,具體介紹如下:

(1)CSS1.0

19912月W3C發布了第一個有關樣式的標準CSS1.0。這個版本中,已經包含了的相關font的相關屬性、顏色與背景的相關屬性、文字的相關屬性、box的相關屬性等。

(2)CSS2.0

1985年5月,CSS2.0正式推出。這個版本推薦的是內容和表現效果分離的方式,并開始使用樣式表結構。

(3)CSS2.1

2004年2月,CSS2.1正式推出。它在CSS2.0的基礎上略微做了改動,刪除了許多不被瀏覽器支持的屬性。

(4)CSS3

早在2001年,W3C就著手開始準備開發CSS第三版規范。雖然完整的、規范權威的CSS3標準還沒有塵埃落定,但是各主流瀏覽器已經開始支持其中的絕大部分特性。

CSS樣式規則

使用HTML進行標記網頁內容時,需要遵從一定的規范,CSS亦如此。要想熟練地使用CSS對網頁進行修飾,首先要了解CSS樣式規則,具體格式如下:

選擇器{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3; …}

上述樣式規則中,選擇器用于指定需要改變樣式的HTML標記,花括號內是一條或多條聲明。每條聲明由一個屬性和屬性值組成,以“鍵值對”的形式出現。

屬性是對指定的標記設置的樣式屬性,例如字體大小、文本顏色等。屬性和屬性值之間用英文冒號“:”連接,多個“鍵值對”之間用英文分號“;”進行分隔。例如,圖如所示為CSS樣式規則的結構示意圖。

CSS語法.png


在書寫CSS樣式時,除了要遵循CSS樣式規則,還必須注意CSS代碼中的幾個特點,具體介紹如下。

CSS樣式中的選擇器嚴格區分大小寫,而聲明不區分大小寫,按照書寫習慣一般點,具體介紹如下。將選擇器、聲明都采用小寫的方式。

多個屬性之間必須用英文狀態下的分號隔開,最后一個屬性后的分號可以省略但是為了便于增加新樣式最好保留。

如果屬性的屬性值由多個單詞組成且中間包含空格,則必須為這個屬性值加上英文狀態下的引號。例如:

p{font-family: "Times New Roman";}

在編寫CSS代碼時,為了提高代碼的可讀性,可使用“/*注釋語句*/”進行注釋,例如上面的樣式代碼可添加如下注釋:

p{font-family:"TimesNewRoman";} 
/*這是CsS注釋文本,有利于方便查找代碼,此文本不會顯示在瀏覽器窗口中*/

在CSS代碼中空格是不被解析的,花括號以及分號前后的空格可有可無。因此,可以使用空格鍵、Tab鍵、回車鍵等對樣式代碼進行排版,即所謂的格式化CS代碼,這樣可以提高代碼的可讀性。例如:

代碼段1

h1{color: green; font-size: 14PX;}

代碼段2

h1{
       color: green;  /*定義顏色屬性 */
       font-size: 14PX;     /*定義字體大小屬性 */
}

上述兩段代碼所呈現的效果是一樣的,但是第二種書寫方式的可讀性更高。需要注意的是,屬性值和單位之間是不允許出現空格的,否則瀏覽器解析時會出錯。例如下面這行代碼就是錯誤的。

h1{font-size: 14 px;}    /*14和單位px之間有空格,瀏覽器解析時會出錯*/


猜你喜歡:

CSS3如何設置顏色不透明度?

CSS結構的特點有哪些?CSS樣式規則介紹

Css是什么?它的優點哪些?

HTML、CSS和JavaScript分別是什么?有什么作用?

傳智教育web前端培訓課程

0 分享到:
久久精品一本到99热免费-男女18禁啪啪无遮挡剧烈-强奷漂亮少妇高潮A片-少妇性饥渴VIDEOFREE