2017年3月11日 星期六

CSS Fundamentals---The CSS Setup, Basic CSS Structure & Syntax

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. 可以測試新的程式碼,而無需刪除舊的程式碼。


沒有留言:

張貼留言