HTML&CSS基礎-內聯樣式和內部樣式表
作者：尹正傑
版權聲明：原創作品，謝絕轉載！否則將追究法律責任。
一.CSS(Cascading Style Sheets)簡介
層疊樣式表(Cascading Style Sheets)
css可以用來為網頁創建樣式表，通過樣式表可以對網頁進行裝飾。
所謂層疊，可以將整個網頁想象成一層一層的結構，層次高的將會覆蓋層次低的。
而CSS就可以分為網頁的各個層次設置樣式。
二.使用火狐(Mozilla Firefox)瀏覽器的Tilt插件的3D效果來看層疊樣式表
1>.如下圖所示,按住"alt"鍵，點擊"工具"，選擇"Web 開發者"后再點擊"Tilt"
2>.會進入到一個如下圖所示的界面
3>.我們可以旋轉當前網頁
4>.發現我們看到的圖竟然是一層一層累加起來的，於是我們將網頁轉動到側面，如下圖所示
三.demo.html源代碼
<!DOCTYPE html> <html> <head> <title>尹正傑的網頁</title> <meta charset="utf-8"/> <!-- 內部樣式表: 也可以即將CSS樣式編寫到head中的style標簽里,注意:type屬性是MIME的類型，建議大家顯示寫上，如果不寫可能會在一些較老的瀏覽器無法識別CSS代碼。 將樣式表編寫在style標簽中，然后通過CSS選擇器選中指定的元素,然后可以同時為這些元素一起樣式，這樣可以使樣式進一步復用; 將樣式表編寫到style標簽中，也可以使標簽和結構進一步分離它也是我們推薦的使用方式; --> <style type="text/css"> p { color:red; font-size:40px; } </style> <head> <body> <!-- 雖說font標簽可以將字體設置為紅色，但我們並不推薦這樣使用，而是推薦使用css來修飾。 --> <h1>我的博客地址:<font color="red" size="7">https://www.cnblogs.com/yinzhengjie/</font></H1> <!-- 可以將CSS樣式編寫到元素的style屬性當中 將樣式直接編寫到style屬性中，這中樣式我們成為內聯樣式; 內聯樣式只對當前的元素中的內容起作用，內聯樣式不方便復用; 內聯樣式屬於結構與表現耦合，不方便后期的維護，不推薦使用; --> <p><<靜夜思>></p> <p style="color:yellow; font-size:80px">窗前明月光，疑是地上霜</p> <p>舉頭望明月，低頭思故鄉</p> </body> </html>
四.瀏覽器打開以上代碼渲染結果
