CSS簡介
CSS 簡介
你需要具備的知識
在繼續學習之前，你需要對下面的知識有基本的了解：
HTML / XHTML
如果你希望先學習這些項目，請在 首頁 訪問相關教學。 .
什麼是CSS?
CSS 指層疊樣式表(Cascading Style Sheets)
樣式定義如何顯示 HTML 元素
#樣式通常儲存在樣式表中
把樣式加入到HTML 4.0 中，是為了解決內容與表現分離的問題
外部樣式表可以大幅提升工作效率
外部樣式表通常儲存在 CSS 檔案中
多個樣式定義可層疊為一
樣式解決了一個很大的問題
HTML 標籤原本被設計為用於定義文件內容，以下實例：
<h1>標題</h1>
<p>段落</p>
樣式表定義如何顯示HTML 元素，就像HTML 3.2 的字型標籤和顏色屬性所扮演的角色。樣式通常保存在外部的 .css 檔案中。透過僅僅編輯一個簡單的 CSS 文檔，外部樣式表使你有能力同時改變網站中所有頁面的佈局和外觀。
當代瀏覽器都支援CSS .
CSS 樣式表大幅提高了工作效率
樣式表定義如何顯示HTML 元素
樣式表定義如何顯示HTML 元素，就像HTML 3.2 的字型標籤和顏色屬性所扮演的角色。樣式通常保存在外部的 .css 檔案中。透過僅僅編輯一個簡單的 CSS 文檔，外部樣式表使你有能力同時改變網站中所有頁面的佈局和外觀。
新建檔案
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS测试</title>
<style>
body{
background-color:yellow;
}
h1{
text-align:center;
color:green;
}
p{
font-family:"微软雅黑";
font-size:40px;
text-align:center;
}
</style>
<body>
<h1>春晓</h1>
<p>
春眠不觉晓
</p>
<p>
处处闻啼鸟
</p>
<p>
夜来风雨声
</p>
<p>
花落知多少
</p>
</body>
</html>
預覽
Clear
- 課程推薦
- 課件下載
課件暫不提供下載，工作人員正在整理中，後期請多關注該課程~ 