1、css和html的結合方式（4種）

①、在每個html標簽上面都有一個屬性style，把css和html結合在一起

--<div style=”background-color:red;color:green;”>

②、使用html的一個標簽實現<stylr>標簽，寫在head里面

l <style type=”text/css”>

css代碼

</style>

<style type=”text/css”>

div{

background-color:blue;

color:red;

}

</style>

③ 、在style標簽里面 使用語句@import url(css的路徑)。先創建一個css文件，

然后<style type=”text/css”>

@import url(div.css)

</style>

④ 、使用頭標簽link，引入外部css文件

--第一步，創建css文件

--<link rel=”stylesheet” type=”text/css” href=”css文件的路徑”/>

第三種結合方式存在缺點（在某些瀏覽器下不起作用），所以一般使用第四種方式。

優先級（一般情況）：由上到下，由內到外，優先級由低到高。都加載的優先級高。

選擇器格式：選擇器名稱{屬性名:屬性值;屬性名:屬性值;…}

2、css的基本選擇器（三種）：要對哪個標簽里面的數據進行操作

（1）標簽選擇器：使用標簽作為選擇器的名稱。

（2）class選擇器：每個html標簽都有一個屬性class

<style type="text/css">

div.haha{

background-color:red;

}

<div class="haha">哈哈哈</div>

（3）id選擇器：每個html標簽都有一個屬性id

<style type="text/css">

div#hehe{

background-color:gray;

}

</style>

div class="hehe">呵呵呵呵</div>

優先級：style>id選擇器>class選擇器>標簽選擇器

3、css的盒子模型：在進行布局之前需要把數據封裝到一塊一塊的區域內（div）

（1）邊框：border:統一設置

分別設置： 上:border-top 下:border-bottom 左:border-left 右:border-right

（2）內邊距:padding統一設置。分別設置：和邊框同

（3）外邊距:margin：統一設置。分別設置：和邊框同。

總結

以上是生活随笔為你收集整理的css与html的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。