標籤：html元素 使用 通過 new 檔案 調用 fixed 定義 瞭解
css簡介
一、CSS 指層疊樣式表
樣式定義如何顯示 HTML 元素
樣式通常儲存在樣式表中
把樣式添加到 HTML 4.0 中，是為瞭解決內容與表現分離的問題
外部樣式表可以極大提高工作效率
外部樣式表通常儲存在 CSS 檔案中
多個樣式定義可層疊為一
CSS 可以通過以下方式添加到HTML中:
1.內部樣式：
行內樣式
內建樣式
2.外部樣式
（1）行內樣式- 在HTML元素中使用"style" 屬性
<p style="color:blue;margin-left:20px;">This is a paragraph.</p>
（2）內建樣式-在HTML文檔頭部 <head> 地區使用<style> 元素 來包含CSS
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
以上是直接給元素定義css
（1、通過選取器來調用css
定義方式有兩種：id選取器和class選取器
例子1：id選取器 調用
#id名字 {屬性：值} <標籤 id="剛才定義的id名字">
#pang {clor:red} <p id="pang">
例子2： class選取器 調用
.名字 {屬性:值} <標籤 clas="剛才定義的id名字">
.pang {color:red} <p class="pang">
這兩種調用可以使用在內部樣式表和外部參考中
（3）外部參考 - 使用外部 CSS 檔案
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
最好的方式是通過外部參考CSS檔案.
CSS樣式表優先順序
ID選取器＞類別選取器＞標籤選取器
選取器類型相同時，按照代碼應用順序，後應用的樣式覆蓋先應用的樣式
CSS行內樣式在所有樣式表中優先順序最高
二、css文法格式
1、CSS 規則由兩個主要的部分構成：（1）選取器，（2）以及一條或多條聲明:
（1）選取器通常是：您需要改變樣式的 HTML 元素。（也就是標籤）
（2）每條聲明：由一個屬性和一個值組成。
屬性（property）是您希望設定的樣式屬性（style attribute）。每個屬性有一個值。屬性和值被冒號分開。
CSS聲明總是以分號;結束，聲明組以大括弧{}括起來:
例子：
p {color:red;text-align:center;}
如果屬性值有兩個單詞以上，需要""擴起來
比如: a {color:"red asd"}
2、css注釋
/* 注釋內容 */
三、css常用屬性
（1）height： 表示高度
（2）width： 表示寬度
（3）background ： 表示背景
背景屬性（背景圖片）例子：
{backgrouund:blue url(1.png) no-repeat X軸位置 Y軸位置;}
blue：背景顏色
no-repeat:表示背景圖片不重複顯示
X、Y軸可以用像素來表示：比如100px 200px
center:表示置中
fixed：這個值表示固定背景圖片，圖片不會隨著捲軸的下拉而消失。也就是說始 終在螢幕上。
css基礎-1
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
