站長(zhǎng)資訊網(wǎng)
html加載css的方法：1、通過(guò)外部樣式加載css；2、通過(guò)內(nèi)部樣式加載css；3、通過(guò)行內(nèi)樣式加載css；4、通過(guò)導(dǎo)入樣式加載css。
本文操作環(huán)境：windows7系統(tǒng)、HTML5&&CSS3版，DELL G3電腦
html怎么加載css？
加載css樣式有4種
1.外部樣式(外聯(lián)樣式)
如果css是一個(gè)外部文件，可以在你html文件的<head></head>里寫上
<link href="style.css" rel="stylesheet" type="text/css" />
href=”style.css”這里可以寫上你css文件的路徑
這種形式是把css單獨(dú)寫到一個(gè)css文件內(nèi)，然后在源代碼中以link方式鏈接。它的好處是不但本頁(yè)可以調(diào)用，其它頁(yè)面也可以調(diào)用，是最常用的一種形式
2.內(nèi)部樣式(內(nèi)嵌樣式)
如果是內(nèi)部樣式，也可以在<head></head>里寫上
<style type="text/css"> h3 { color:#f00;} </style>
它是以<style>和</style>結(jié)尾，寫在源代碼的head標(biāo)簽內(nèi)。這樣的樣式表只能針對(duì)本頁(yè)有效。不能作用于其它頁(yè)面。
3.行內(nèi)樣式
還可以在html標(biāo)簽上直接寫css樣式
<p style="font-size:18px;">內(nèi)部樣式</p>
這種在標(biāo)簽內(nèi)以style標(biāo)記的為行內(nèi)樣式，行內(nèi)樣式只針對(duì)標(biāo)簽內(nèi)的元素有效，因其沒(méi)有和內(nèi)容相分離，所以不建議使用。
4.導(dǎo)入樣式
@import url("public.css");
導(dǎo)入樣式是以@import url標(biāo)記所鏈接的外部樣式表，它一般常用在另一個(gè)樣式表內(nèi)部。如index.css為主頁(yè)所用樣式，那么我們可以把全局都需要用的公共樣式放到一個(gè)public.css的文件中，然后在index.css中以
@import url("/public.css")
的形式鏈接全局樣式，這樣就使代碼達(dá)到很好的重用性。
【推薦學(xué)習(xí)：css視頻教程】
