學習web的第五天 CSS層疊樣式表，也稱為級聯樣式表，用來設計網頁風格。 老師說內聯樣式表不介意我們使用，我們只要瞭解並掌握就行了，重點給我們講解了外部樣式表。 css的優勢：1、表現和內容相分離，css通過定義html標記的樣式，使得頁面內容和顯示相分離，簡化了網頁格式設計。 2、加強了網頁的表 ...
學習web的第五天
CSS層疊樣式表，也稱為級聯樣式表，用來設計網頁風格。
老師說內聯樣式表不介意我們使用，我們只要瞭解並掌握就行了，重點給我們講解了外部樣式表。
css的優勢：1、表現和內容相分離，css通過定義html標記的樣式，使得頁面內容和顯示相分離，簡化了網頁格式設計。 2、加強了網頁的表現力。 3、增強了網站風格的一致性。
css編輯方法：1、寫在html文件里（內部樣式表） 2、寫在獨立的*.css文件里（外部樣式表 ）
選擇器：1、標記選擇器——對html的標記重新定義，該樣式立即生效。 2、類選擇器——以點號"."開頭，並可以任意命名，該樣式應用後生效。 3、ID選擇器——以"#"開始，可以任意命名。
內聯樣式表的格式：
<head> <style type="text/css"> body{background:#ccc;} /*標記選擇器*/ #p1{color:#222;size:14px;} /*id選擇器*/ .pic{float:right;padding:20px;} /*類選擇器*/ </style> </head> <body> …… …… …… </body>
外部樣式表引用方法：（ 在<head>標簽部分引用）
<head> <link href="css1.css" rel="stylesheet" type="text/css"> </head>
簡單的做了個例子：
html部分代碼：
<!DOCTYPE html> <html> <head> <title>簡單網頁製作</title> <link href="css1.css" rel="stylesheet" type="text/css"> </head> <body> <h1 id="hh1">Web前段開發技術課程簡介</h1> <hr /> <p class="p1"> 《Web前端開發技術》課程是電腦科學與技術、信息管理與信息系統、軟體工程等專業的一門基礎課程，也是其他電腦相關專業的公共基礎課程，通過對Web前端開發三大主流技術學習和研究，讓學生理解和掌握HTML、JavaScript、CSS等相關知識，通過實驗培養學生設計與開發Web站點的基本操作技能。</p> </body> </html>
css部分代碼：
#hh1{text-align:center;}
.p1{background:#ccc;color:red;}
結果：
