CSS是一種用於設計網站的語言,您可以使用它來新增背景、顏色,甚至過渡或其他互動元素。它還將幫助您建立一個對SEO友好的輕量級和響應式網站。
但是,您可能很難熟悉各種CSS值,尤其是如果您是該語言的新手。
為了幫助您,我們將分享一份完整的CSS備忘單,它將證明對您的所有Web開發專案都很有用。更重要的是,您會發現13頁的CSS和CSS3宣告以及幾個可能的屬性。
瞭解CSS
級聯樣式表或CSS是一種樣式表語言,它決定了您的網站元素的外觀。您可以通過將CSS檔案嵌入HTML文件來控制網站內容的設計、佈局、字型和顏色。
讓我們通過分解語法來看看CSS是如何工作的:
selector {declaration}
selector {declaration}
selector {declaration}
declaration可以分解為:
selector {property: value;}
selector {property: value;}
selector {property: value;}
如您所見,CSS語法由選擇器和宣告塊組成。選擇器是您要控制的HTML元素。而宣告塊包含HTML元素的屬性名稱和值——它們都由冒號 (:) 分隔並在大括號 ({}) 中宣告。
假設您希望標題一 ( h1 )的字型大小為20畫素。您的語法應如下所示:
h1 {font-size: 20px;}
h1 {font-size: 20px;}
h1 {font-size: 20px;}
在這種情況下,選擇器是h1。然後,font-size是屬性名,20px是值。
由於CSS有很多可能難以記住的選擇器和宣告,我們整理了一份完整的CSS和CSS3備忘單來幫助您掌握這門語言。
下載CSS備忘單(下載地址見文末)後,將檔案儲存到您的裝置或列印一份。這樣,您就可以輕鬆找到所需的內容。
CSS備忘單預覽
這是我們PDF中最常見的CSS值和屬性的預覽!
評論留言