適合初學者和專業人士CSS備忘單

適合初學者和專業人士CSS備忘單

CSS是一種用於設計網站的語言,您可以使用它來新增背景、顏色,甚至過渡或其他互動元素。它還將幫助您建立一個對SEO友好的輕量級和響應式網站。

但是,您可能很難熟悉各種CSS值,尤其是如果您是該語言的新手。

為了幫助您,我們將分享一份完整的CSS備忘單,它將證明對您的所有Web開發專案都很有用。更重要的是,您會發現13頁的CSS和CSS3宣告以及幾個可能的屬性。

瞭解CSS

級聯樣式表或CSS是一種樣式表語言,它決定了您的網站元素的外觀。您可以通過將CSS檔案嵌入HTML文件來控制網站內容的設計、佈局、字型和顏色。

讓我們通過分解語法來看看CSS是如何工作的:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
selector {declaration}
selector {declaration}
selector {declaration}

declaration可以分解為:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
selector {property: value;}
selector {property: value;}
selector {property: value;}

如您所見,CSS語法由選擇器和宣告塊組成。選擇器是您要控制的HTML元素。而宣告塊包含HTML元素的屬性名稱和值——它們都由冒號 (:) 分隔並在大括號 ({}) 中宣告。

假設您希望標題一 ( h1 )的字型大小為20畫素。您的語法應如下所示:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
h1 {font-size: 20px;}
h1 {font-size: 20px;}
h1 {font-size: 20px;}

在這種情況下,選擇器是h1。然後,font-size是屬性名,20px是值。

由於CSS有很多可能難以記住的選擇器和宣告,我們整理了一份完整的CSS和CSS3備忘單來幫助您掌握這門語言。

下載CSS備忘單(下載地址見文末)後,將檔案儲存到您的裝置或列印一份。這樣,您就可以輕鬆找到所需的內容。

CSS備忘單預覽

CSS備忘單預覽

這是我們PDF中最常見的CSS值和屬性的預覽!

CSS備忘單預覽圖 備忘單預覽圖

在此處下載完整的CSS備忘單:

以.pdf 格式下載CSS備忘單

評論留言