這篇文章主要介紹了使用CSS為文檔添加樣式的簡單示例,文中舉了行內樣式和鏈接樣式的例子,需要的朋友可以參考下
行內樣式
行內樣式是寫在Html標簽的style屬性裡的，比如：
CSS Code復制內容到剪貼板
- <p style="font-size: 12px;font-weight: 200;color: #333333">Hello Everyone!</p>
行內樣式會覆蓋嵌入樣式和鏈接樣式。
嵌入樣式
嵌入的CSS樣式是放在Html文檔的head元素中的，這點想必大家都知道，這裡就不贅述了。
鏈接樣式
CSS Code復制內容到剪貼板
- <head>
- <meta charset="UTF-8">
- <title>Document</title>
- <link rel="stylesheet" href="style.CSS" type="text/CSS"/>
- </head>
鏈接樣式的作用范圍可以是整個網站。只要使用<link>標簽把樣式表鏈接到每個頁面，相應的頁面就可以使用其中的樣式，除了link方法外，還可以使用@import指令
@import指令必須出現在樣式表中其他樣式之前，否則該鏈接的文件不會被加載