上次說明了HTML,那我們這次來講講CSS,再次提供簡單五大重點為你提供一個堅實的起點🥳
CSS是什麼?
CSS代表"階層樣式表"(Cascading Style Sheets),它是一種用於控制網頁外觀和排版的樣式語言。通過CSS,你可以指定網頁元素的風格、佈局和外觀。
選取器(Selectors):
選取器是用於選擇要應用樣式的HTML元素的方式。最簡單的選擇器是元素選取器,例如**p
(選擇所有段落元素)。還有其他選取器,如類選取器(.classname
)和ID選取器(#elementID
**),它們允許你更精確地選擇元素。
p {
/* CSS樣式將應用於所有段落元素 */
}
屬性和值(Properties and Values):
CSS樣式由屬性和值組成。屬性是你想要更改的元素特性,例如**color
(文字顏色)或font-size
(字體大小),值則是你要為屬性指定的設置,例如red
(紅色)或16px
**(16像素)。
cssTest code
p {
color: black;
font-size: 12px;
}
樣式規則(Style Rules):
CSS規則由選擇器、屬性和值組成,並告訴瀏覽器如何渲染選擇的元素。例如:
這個樣式規則將使所有段落文字變為藍色並設置字體大小為18像素。
<p>這是一個段落文本。</p>
p {
color: yellow;
}
層疊(Cascading):
CSS中的"Cascading"表示樣式規則可以疊加和覆蓋。當多個規則選擇同一個元素時,瀏覽器將根據特定的層疊順序(詳細度和後來優先)來決定應用哪個樣式。這使得可以集中管理風格,並覆蓋需要更改的元素的樣式。