CSS 全名為 Cascading Style Sheets ，中文翻為“串接樣式表”。

透過CSS，可以在不改變網頁外觀下，將頁面的結構和外觀分離出來。若以房子來比喻，HTML就像是房子的結構，CSS則是房子的裝潢，在不改變結構下讓房子更美觀。

崁入CSS的方式有四種：

1. Inline：行內
2. Embeded：崁入
3. Link：連結
4. Import：匯入

許多網頁設計師，常常會將CSS以inline或embeded方式寫在HTML裡，這樣就失去使用CSS的優點了！
inline：
<style type="text/css">
<!--
body {
margin: 0px;
background-color: #CCCCCC;
background-image: url(back.jpg);}
-->
</style>
embeded：
<p style="font-size:12px;:color:#f00;">樣式表是一群控制網頁內容外觀格式的集合</p>

以連結Link的方式崁入CSS，才能真正的將樣式表與網頁抽離，並且減少網頁檔案大小！

如：<link href="style.css" rel="stylesheet" type="text/css" />

以外部連結CSS的方式，還可以讓多種相同版型或是有一樣外觀的文字，同時套用一支CSS，不用每載入一個頁面就重Loading一次樣式，而且將樣式抽離後，可以讓搜尋引擎更清楚快速的抓取網頁的資訊，而不用經過一堆無意義的程式碼！

CSS優化做的好！就是在做 SEO 不是嗎^^

相關文章:

Tweet