CSS簡介

#4.1 CSS 是什麼，CSS 用來幹嘛

CSS（Cascading Style Sheet，可以譯為“層疊樣式表”或“級聯樣式表”），是一組格式設定規則，用於控制web頁面的外觀。

#4.2 如何讓一個標籤具有樣式

第一步，必須保證引入方式正確第二步，必須讓css和html元素產生關聯，也就是說得先找到這個元素第三步，用相應的css屬性去修改html元素的樣式

#4.3 css的3種引入形式

#4.3.1 將css內嵌到HTML檔案中,這種方式寫的CSS又叫內聯樣式表,例如：

<!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <title></title>        <style type="text/css">
            #box{                width: 100px;                height: 100px;                background: red;
            }        </style>    </head>    <body>        <div id="box"></div>    </body></html>

#4.3.2 將一個外部樣式連結到HTML檔案中這種方式書寫的CSS又叫連結樣式表，例如：

<!DOCTYPE html><html>    <head>        <meta charset="utf-8" />        <title></title>        <link rel="stylesheet" type="text/css" href="index.css"/>    </head>    <body>        <div id="box"></div>    </body></html>

#4.3.3 將樣式表加入到HTML檔案中，這種方式寫入的css樣式又叫行內樣式表

<h1>css 樣式測試</h1><div style="width:200px;height:200px;background:red;"></div>

總結：css的基本語法 CSS語法由三個基本部分構成：選擇符（Selector）、屬性（Properties）和屬性的取值（Value）格式：Selector｛Properties:Value｝(選擇符｛屬性：值｝)

 #box{    width:100px;    height:100px;    border:red solid 1px;
}

html+css快速入門-css簡介