準(zhǔn)確點說應(yīng)該有4種類型的CSS樣式表
十年的漢陰網(wǎng)站建設(shè)經(jīng)驗，針對設(shè)計、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時及時工作處理。營銷型網(wǎng)站的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動調(diào)整漢陰建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)建站從事“漢陰網(wǎng)站設(shè)計”,“漢陰網(wǎng)站推廣”以來，每個客戶項目都認(rèn)真落實執(zhí)行。
1.HTML文件行中的樣式表
2.HTML文件頭中的樣式表
3.連接到HTML文件中的樣式表
4.輸入到HTML文件中的樣式表
前兩種是內(nèi)部樣式表 后兩種是外部樣式表
CSS的作用主要是
1.實現(xiàn)對HTML代碼的補(bǔ)充
2.結(jié)構(gòu)(HTML)與格式(CSS)的分離
內(nèi)部樣式表只能實現(xiàn)作用1
而外部樣式表能實現(xiàn)作用1,2
具體資料樓主去找找相關(guān)資料吧
1、創(chuàng)建使用css樣式表有三種，分別是外部樣式表，內(nèi)部樣式表和內(nèi)聯(lián)樣式。下面通過一個小demo演示它們的用法，首先新建一個html文件，放入3個button按鈕，給前兩個按鈕分別設(shè)置class屬性為btn1和btn2：
2、接著準(zhǔn)備一個css文件，命名為demo.css，在文件內(nèi)寫入按鈕A的樣式，保存css文件：
3、回到剛才的html文件，在style標(biāo)簽中用link標(biāo)簽引入上一步創(chuàng)建的css文件，這就是外聯(lián)樣式的用法，總結(jié)就是創(chuàng)建好的css文件內(nèi)寫好樣式，然后在html文件中用link標(biāo)簽引入即可，這也是大部分網(wǎng)站使用的方法，因為其引入方便，管理起來也比較方便：
4、接著是內(nèi)部樣式表的使用，這里直接在head標(biāo)簽里創(chuàng)建style標(biāo)簽，在里面加入btn2的樣式。對于內(nèi)部樣式表簡單的html文件，內(nèi)部樣式是很方便的，但是結(jié)構(gòu)復(fù)雜的html文件使用它就會讓文件顯得很混亂：
5、最后是內(nèi)聯(lián)樣式的使用，直接在第三個標(biāo)簽內(nèi)使用style屬性加入樣式就可以了：
6、最后保存html文件，打開瀏覽器可以看到三個按鈕的樣式都出現(xiàn)了。以上就是css樣式表的制作方法：
（1）使用Embed（嵌入樣式單）排版樣式：
即將CSS代碼直接插入每個頁面的HTML的head區(qū)，就象上一節(jié)看到的。使用style.../style標(biāo)簽。例如：
style type="text/css"
!--
h2 { font-family: "宋體"; font-size: 12pt; font-style: italic; color: #FF0033; background-color: #FFCCCC}
h1 { font-family: "Arial"; font-size: 12pt; color: #66FF66}
--
/style
（2）使用“l(fā)ink（外部樣式單）排版樣式”：
即你可以將多個頁面的排版風(fēng)格都用一個樣式單文件控制。這個外部的樣式單文件（一個擴(kuò)展名是css的文本文件）將設(shè)定你所有網(wǎng)頁的規(guī)則。如果你改變樣式單文件中的某行，所有頁面風(fēng)格用這個css文件定義的頁面都會隨之改變。如果你的站點文件非常多，則這項功能就非常方便了。
在HEAD區(qū)內(nèi)使用LINK標(biāo)簽（注意：不再是style標(biāo)簽了）：
HTML
HEAD
LINK REL=stylesheet HREF="http：//yoursute.com/my.css"; TYPE="text/css"
/HEAD
body
h2你好！朋友，歡迎光臨Java2000的教學(xué)區(qū)。/h2
h1Hello，everybody，welcome in java2000 !/h1
/body
/html
★☆★說明：css文件的路徑用絕對路徑http：//...)表示或者用相對路徑(例如：../csscode/my.css)表示都可以。
然后再單獨生成一個css文件，叫做my.css (隨便起名)。文件內(nèi)容如下：
h2 { font-family: "宋體"; font-size: 12pt; font-style: italic; color: #FF0033; background-color: #FFCCCC}
h1 { font-family: "Arial"; font-size: 12pt; color: #66FF66}
只要將這個CSS文件上傳到服務(wù)器指定的目錄即可。
（3）使用"inline（行內(nèi)樣式單）排版樣式"：
inline樣式單采用HTML標(biāo)簽的“style”屬性，它的特點是“定義某一個標(biāo)簽的式樣單風(fēng)格”，只對所定義的標(biāo)簽起作用，并非對整個頁面起作用。例如：
p style="font-size: 14pt ; color: #99ff99 ; font-family: 宋體"層疊式樣單/p
看到的效果：
層疊式樣單
使用行內(nèi)樣式單，你必須為每行指定樣式規(guī)則，否則下一行時瀏覽器將使用頁面的缺省設(shè)置。 但是：有時候這種方式卻非常有效。
（4）使用“import(輸入的外部式樣單)”--適用于IE瀏覽器。
html
head
style type="text/css"
!--
@import url(my.css);
--
/style
/head
body
h3輸入的外部式樣單/h3
/body
/html
1.首先打開EditPlus軟件，新建一個樣式表文件，寫入一些樣式，如下圖所示。
2.接下來我們在建立一個樣式表文件，在這個樣式表文件中通過import屬性導(dǎo)入上一個樣式表，如下圖所示。
3.然后在html中我們用link標(biāo)簽導(dǎo)入上面聲明的樣式文件，如下圖所示。
4.接下來我們運行HTML文件，我們可以看到雖然只導(dǎo)入了一個樣式文件，但是兩個樣式表的樣式都加載進(jìn)來了，如下圖所示。
5.另外在運用import的時候一定不要放在樣式下面，如下圖所示，這樣是不生效的。
6.最后運用import導(dǎo)入樣式也不要忘了分號，如下圖所示，忘了分號也是不生效的。
1、打開WebContent文件。
2、導(dǎo)入自己的css文件。
3、創(chuàng)建自己的jsp文件。
4、添加引用css文件的代碼。
5、link href="%=request.getContextPath()%/css/css.css" rel="stylesheet"(可復(fù)制使用,復(fù)制以后路徑要進(jìn)行修改) ，標(biāo)紅的地方是css文件路徑，填對自己的路徑。
6、還可以導(dǎo)入自己喜歡的圖片到img文件。
7、打開css.css文件，編輯將圖片名稱，輸入至該位置。
有四種方式，行內(nèi)樣式，內(nèi)嵌式，鏈接和導(dǎo)入式
行內(nèi)呢是在標(biāo)簽里直接寫，比如div
style="text-align:center;
width:750px;"
內(nèi)嵌是寫在head/head之間，例如：style
type="text/css"
!--
body
{margin:0
auto;padding:0;font-family:"宋體";font-size:12px;
color:#000000;text-align:center}
--
/style
鏈接和導(dǎo)入沒有什么太大的區(qū)別，需要簡歷外部CSS文件，在GW中按ctrl+n有那選項
之后在頁面head/head之間加入CSS文件所在路徑調(diào)用，如下，link
href="CSS/CSS1.css"
rel="stylesheet"
type="text/css"
/
重慶分公司
重慶分公司
