在頁面中引入css的方式有幾種

一般來說只有3種：

創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比長洲網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式長洲網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋長洲地區(qū)。費(fèi)用合理售后完善，十載實體公司更值得信賴。

1.最常用的，引入樣式表，在樣式表中編寫樣式，引入方式如下：

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

2.在Html頭部用style/style包起來，在這里面編寫樣式：

style type="text/css"

*{

padding: 0;margin: 0

}

/style

3.在標(biāo)簽里面直接編寫行內(nèi)樣式。

div style="color: #333"div

當(dāng)然還有一種方式是用JS直接更改或者賦值給某個標(biāo)簽，但是其實是屬于第三種的范圍的

css 樣式的導(dǎo)入的三種方式

1.行內(nèi)樣式 行內(nèi)樣式只能影響它所在的標(biāo)簽，而且總會覆蓋嵌入樣式和鏈接樣式。

p style="font-size: 12px; font-weight:bold; font-style:italic; color:red;"By adding inline CSS styling to the/p

2.嵌入樣式 嵌入樣式的應(yīng)用范圍僅限于當(dāng)前頁面。頁面樣式會覆蓋外部樣式表中的樣式，但會被行內(nèi)樣式覆蓋。

head

style type="text/css"

h1 {font-size:16px;}

p {color:blue;}

/style

/head

3.鏈接樣式

link href="styles.css" rel="stylesheet" type="text/css" /

樣式的寫法

例子如下

1 ) p {color:red; font-size:12px; font-weight:bold}

2 ) h1 {color:blue; font-weight:bold;}

h2 {color:blue; font-weight:bold;}

h3 {color:blue; font-weight:bold;}

3）假設(shè)，你在寫完前面那條規(guī)則后，又想只把h3變成斜體，那可以再為h3寫一條規(guī)則：

h1, h2, h3 {color:blue; font-weight:bold;}

h3 {font-style:italic;}

引入CSS的方式有哪些

css主要有三種引用方法：

1，內(nèi)部引用，在html文檔中在style標(biāo)簽里面寫的css樣式

style

bdoy{font-size:14px;}

/style

2，外部引用，用link標(biāo)簽引用外部的css文件，將樣式引用到html文檔來。

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

3，在標(biāo)簽中使用，使用style屬性將當(dāng)前的標(biāo)簽樣式改變。

div style="color:red"/div

引入CSS的方式有幾種

三種方式：

1、第一種行內(nèi)樣式，也就是給標(biāo)簽添加style屬性，例子如下

div?style="width:100px;height:100px;"/div

2、第二種，直接寫在html頁面中的style標(biāo)簽中，例子如下，

div?class="box"/div

style

.box{

width:200px;

font-size:14px;

color:red;

}

/style

3、第三種，使用外鏈css樣式表，單獨保存為css文件，將css樣式都寫入css文件中，例子如下，

!DOCTYPE?html

html?lang="en"

head

meta?charset="UTF-8"

titleDocument/title

link?rel="stylesheet"?href="index.css"http://這個地方寫css文件的位置

/head