CSS

CSS（Cascading Style Sheet）直譯為「層疊樣式表」，顧名思義就是可以一層一層給他穿衣服

格式：選擇器{ 屬性一:數值; 屬性二:數值;....}

起手式：

方法一：在 head 的範圍中加入 style 標籤。此方法的 CSS 樣式，會套用到這個頁面的每個被選中的物件

            <head>
            ...
                <style type="text/css">
                    p{color:blue;}  這個網頁中所有p標籤包住的內容都會變藍色的
                </style>
            ...
            </head>

方法二：在其他檔案(例如 css_demo.css)寫好css，然後再連結進來。此方法的 CSS 樣式，也可以套用到這個頁面的每個被選中的物件

            <head>
            ...
                <link rel=“stylesheet” type="text/css" href="css/css_demo.css"> 
            ...
            </head>

可以在F12的source，找到css_demo.css裡面放了什麼

測試css_demo有沒有影響

方法三：直球對決。在標籤中使用 style 屬性。此方法的樣式，只對被使用 style 屬性的標籤有效

            <body>
            ...
                <p style="color:red;"></p>
            ...
            </body>

測試直接加style有沒有影響

推薦使用第二個方法，用外部連結，比較好管理你的程式碼，而且原本的HTML檔也比較乾淨

CSS簡介篇

CSS

起手式：