3. CSS Fundamentals---The CSS Setup, Basic CSS Structure & Syntax
想要在html中改變文字的色彩、字體大小、文字間距、文字位置、
邊界,都可以在css檔案中改變。不用造成html中過於冗長的情形。
檔案名稱,例如style.css
在html中的<head>之中,放入<link>。
<link href="/style.css" type="text/css" rel="stylesheet">
href 設定連結到html的路徑檔案。
在style.css,想改成<p>的文字大小。
注意,在p之後與尖括號之中有一個空白。
在{ 與 }之中沒有空白,
使用兩個空白鍵在屬性的段落縮排。
(圖片中的例子只是便於說明)
想要一次改變多個元素的顏色。可以使用 , 。
例如:
h1, h2 , p {
color: red;
}
有一個強大的universal selector *
可以改成整個html的屬性。
在CSS中,當然也可以留下備註。
使用/* */
其目的有二,
1. 幫忙你或別人之後在維護管理CSS時,更容易理解容內。
2. 可以測試新的程式碼,而無需刪除舊的程式碼。
沒有留言:
張貼留言