CSS基礎（二）：基礎和語法

時間 2019-12-09

標籤 css 基礎語法欄目 CSS 简体版

原文原文鏈接

CSS語法css

CSS 規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。選擇器一般是您須要改變樣式的 HTML 元素。瀏覽器

selector {declaration1; declaration2; ... declarationN }

每條聲明由一個屬性和一個值組成。字體

屬性（property）是樣式屬性（style attribute）。每一個屬性有一個值。屬性和值被冒號分開。url

selector {property: value}

例以下面這行代碼的做用是將 h1 元素內的文字顏色定義爲紅色，同時將字體大小設置爲 14 像素。spa

在這個例子中，h1 是選擇器，color 和 font-size 是屬性，red 和 14px 是值。code

h1 {color:red; font-size:14px;}

引入CSS樣式blog

如何插入樣式表，當讀到一個樣式表時，瀏覽器會根據它來格式化 HTML 文檔。插入樣式表的方法有三種：外部樣式表、內部樣式表和內聯樣式。文檔

1.外部樣式表get

當樣式須要應用於不少頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的狀況下，你能夠經過改變一個文件來改變整個站點的外觀。每一個頁面使用 <link> 標籤連接到樣式表。<link> 標籤在（文檔的）頭部：it

<head>
<link rel="stylesheet" type="text/css" href="site.css" />
</head>

2.內部樣式表

當單個文檔須要特殊的樣式時，就應該使用內部樣式表。你可使用 <style> 標籤在文檔頭部定義內部樣式表，就像這樣:

<head>
<style type="text/css">
  p {margin-left: 20px;}
  body {background-image: url("images/test.gif");}
</style>
</head>

3.內聯樣式
因爲要將表現和內容混雜在一塊兒，即HTML代碼和CSS代碼混編，這樣會不利於文檔結構，而且不容易維護，因此通常不要使用這種方式引入樣式。例如改變段落的顏色和左外邊距：

<p style="color: red; margin-left: 20px;">
This is a paragraph
</p>

做者： ForEvErNoME
出處： http://www.cnblogs.com/ForEvErNoME/
歡迎轉載或分享，但請務必聲明文章出處。若是文章對您有幫助，但願你能推薦或關注

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。