日期：2017/10/26
通過使用 css 我們可以大大提公升網頁開發的工作效率！
html 標籤原本被設計為用於定義文件內容，如下例項：
這是乙個段落。樣式表定義如何顯示 html 元素，就像 html 3.2 的字型標籤和顏色屬性所起的作用那樣。樣式通常儲存在外部的 .css 檔案中。通過僅僅編輯乙個簡單的 css 文件，外部樣式表使你有能力同時改變站點中所有頁面的布局和外觀。
為了解決這個問題，全球資訊網聯盟（w3c），這個非營利的標準化聯盟，肩負起了 html 標準化的使命，並在 html 4.0 之外創造出樣式（style）。
當代瀏覽器都支援 css .
樣式表定義如何顯示 html 元素
樣式表定義如何顯示 html 元素，就像 html 3.2 的字型標籤和顏色屬性所起的作用那樣。樣式通常儲存在外部的 .css 檔案中。通過僅僅編輯乙個簡單的 css 文件，外部樣式表使你有能力同時改變站點中所有頁面的布局和外觀。
css 規則由兩個主要的部分構成：選擇器，以及一條或多條宣告:
選擇器通常是您需要改變樣式的 html 元素。
每條宣告由乙個屬性和乙個值組成。
屬性（property）是您希望設定的樣式屬性（style attribute）。每個屬性有乙個值。屬性和值被冒號分開。
css宣告總是以分號(;)結束，宣告組以大括號({})括起來:：p 。
為了讓css可讀性更強，你可以每行只描述乙個屬性:
注釋是用來解釋你的**，並且可以隨意編輯它，瀏覽器會忽略它。
css注釋以 "/*" 開始, 以 "*/" 結束, 例項如下:
如果你要在html元素中設定css樣式，你需要在元素中設定"id" 和 "class"選擇器。
id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。
html元素以id屬性來設定id選擇器,css 中 id 選擇器以 "#" 來定義。
以下的樣式規則應用於元素屬性 id="para1":
#para1
class 選擇器在html中以class屬性表示, 在 css 中，類選擇器以乙個點"."號顯示：
在以下的例子中，所有擁有 center 類的 html 元素均為居中。
eg：所有的 p 元素使用 class="center" 讓該元素的文字居中:
p.center前端基礎（4） css盒模型
盒模型是css布局的基石，它規定了網頁元素如何顯示以及元素間相互關係。css定義所有的元素都可以擁有像盒子一樣的外形和平面空間，即都包含邊框 邊界 補白 內容區，這就是盒模型。說明 填充 padding,在設定頁面中乙個元素內容到元素的邊緣 邊框 之間的距離。也稱補白。用法 1 用來調整內容在容器中...
web前端學習 基礎知識4 CSS基礎概念
cascading style sheet層疊樣式表標籤 之類的標籤 使用方式 直接輸入標籤名 類 class class名字 使用方式 輸入點 class名 id id名 使用方式 輸入 id名一般來說我們寫css檔案的時候用的都是第二種方法，class名這是因為id名一般被用作js的選擇器 給c...
CSS語法基礎CSS語法基礎1 基本語法
css語法基礎css語法基礎1.基本語法 css的定義是由三個部分構成 選擇符 selector 屬性 properties 和屬性的取值 value 基本格式如下 selector 選擇符 選擇符是可以是多種形式，一般是你要定義樣式的html標記，例如body p table 你可以通過此方法定義...