這篇文章的內容程序員跳過,這里的主要目的是讓不了解網絡的人多了解網絡知識。

什么是CSS呢,我們可以這樣去理解,HTML是人都話,那么CSS就是衣服,

衣服再漂亮要穿在人身上才能顯示出來,要是擺在衣柜里或倉庫內就無法發揮它的特點。

講到這里,你應該明白CSS是做什么的吧,它要與HTML配對使用才能發揮它的作用,

HTML是網頁的主體,是網頁的框架,而CSS就是調整網頁主體,網頁框架的顏色,

大小,邊框等等各種屬性的代碼,所以CSS在網站中擔任的角色就是修飾工。

好了,現在我們來看看CSS是怎么給HTML進行裝修的。

直接寫在HTML文件

<style>h1{font-size:24px;}...</style>

直接在HTML文件里寫CSS代碼要在<style>標簽里面,或添加在標簽屬性里面:

<h1 style="font-size:24px;">標題<h1>

引入CSS文件

引入CSS文件有兩種方式一種是:

<style>@import url("../style.css");</style>

這種方式引入是CSS2的時候提出來的,它是在加載完成HTML文檔之后才對CSS文件進行加載,

這里的url()里面的文件路徑是相對HTML文件的,當然你也可以使用絕對路徑進行引用。

還有一種方式是:

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

link加載CSS的方式是在HTML正在加載的同時加載CSS文件,它們是混為一體的。

link是HTML里面的標簽,在任何瀏覽器里面沒有兼容性的問題,而@import是在CSS2以后才提出來的,

所以對低版本的瀏覽器兼容性不是很好。