學會css讓你的網站變美麗
學會css讓你的網站變美麗

2018-05-25文章引用自:

CSS是什麼?該如何使用?

先前有提到HTML結構想像成蓋房子,房子的基本架構都有了,接下來就要裝潢了,CSS就好比房子的裝潢,裝潢得越漂亮,越能吸引人的注意。CSS可以改變字體的大小、顏色、間距等等,CSS也可以寫出很棒的效果,只要你掌握這些,我相信一定能讓你的網站更添風采。

CSS的語法是如何組成的?

選擇器(selector):選擇器是html裡面的對應結構。

宣告(declaration):宣告可以一條或多條,是由兩塊內容組合而成的。

屬性(Property):這些標識符指出你想修改哪一些樣式,例如:字體,寬度,背景顏色等。

屬性值(Value):每個指定的屬性都需要給定一個值,這個值表示你想把那些樣式特徵修改成什麼樣,例如:你想把字體,寬度或背景顏色改成什麼。

網頁設計

3個方法可將HTML套入CSS

1. 內部樣式表 - 直接在結構裡寫入的<style>元素

2. 行內樣式 - 直接寫在HTML元素內

3. 外部樣式 - 匯入外部CSS

另外提一個重點,css是可以被覆蓋的,在越後面的css會覆蓋掉前面的,所以寫的時候要非常小心,還有許多規則,我下次會一一說明。