css外部樣式表在css中寫法如下:
網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站建設(shè)服務(wù)團(tuán)隊(duì)是一支充滿著熱情的團(tuán)隊(duì),執(zhí)著、敏銳、追求更好,是創(chuàng)新互聯(lián)的標(biāo)準(zhǔn)與要求,同時(shí)竭誠為客戶提供服務(wù)是我們的理念。創(chuàng)新互聯(lián)把每個(gè)網(wǎng)站當(dāng)做一個(gè)產(chǎn)品來開發(fā),精雕細(xì)琢,追求一名工匠心中的細(xì)致,我們更用心!
先建立一個(gè)樣式文件,如 a.html 的樣式是 b.css。
a.html 里邊 style type="tyle/css" href="b.css" / b.css文件里邊寫 樣式就好了
1、首先我們我們新建一個(gè)記事本,并將記事本的名字改為“引入外部css文件和外部js文件.html”,并回車鍵確定,以使文件轉(zhuǎn)化為瀏覽器可以打開的html網(wǎng)頁文件。
2、我們編寫一個(gè)html5的聲明標(biāo)簽— !DOCTYPE html, 以使瀏覽器能認(rèn)識(shí)到我們的文檔是一個(gè)html5的文件,這樣就可以快速的正確解讀,以提高瀏覽的體驗(yàn)。
3、我們寫一個(gè)title的標(biāo)簽,將網(wǎng)頁的題目寫入進(jìn)去,讓網(wǎng)頁的標(biāo)題顯示為“引入外部css文件和外部js文件”。
4、我們用meta標(biāo)簽設(shè)置字符的編碼格式為:UTF-8,以使瀏覽器能夠正確的顯示我們的網(wǎng)頁。
5、我們寫一個(gè)body標(biāo)簽,用來包含網(wǎng)頁的主體部分。
6、我們寫幾個(gè)標(biāo)簽以便在外部css文件樣式表中,為其設(shè)置樣式。
7、我們新建一個(gè)css文件,把txt的文件后綴名改為css即可,之后打開就可以寫入css代碼了。
8、我們用標(biāo)簽選擇器為p標(biāo)簽、div標(biāo)簽和span標(biāo)簽的內(nèi)容設(shè)置樣式。
9、我們使用,link標(biāo)簽將我們編寫的css文件樣式表文件其引入到我們當(dāng)前的html文件中來。
10、我們鼠標(biāo)右擊在彈出的下拉菜單中,我們選擇“在瀏覽器中打開”這一項(xiàng)。
11、我們看到我們編寫的樣式被應(yīng)用到了標(biāo)簽中文字上,說明我們的css外部樣式表文件引入成功。
你是指在CSS中引入另一個(gè)CSS?還是在HTML中引入CSS?
CSS中引入, 使用@import引入
style type="text/css"
@import "style.css"
/style
HTML中, 使用link方式引入, 注意要寫在head里面
link?rel="stylesheet"?href="style.css"?/
新建一個(gè).css的樣式表文件 mycss.css
然后根據(jù)選擇器寫樣式比如id選擇器
#id{
font-size:40px;
}
class選擇器
.class{
font-size:40px;
}
標(biāo)簽選擇器
h1{
font-size:40px;
}
然后把外部樣式引入到你要用的那個(gè)html文件
link rel="stylesheet" href="/css/mycss.css" /
在網(wǎng)頁中使用CSS:
一、內(nèi)部規(guī)則 - 直接寫在網(wǎng)頁文件內(nèi)部的樣式
1.將以下代碼插入在與之間可設(shè)定此頁的默認(rèn)的樣式
2.在HTML行中加入樣式規(guī)則
如:
Amaze your friends!
二、外部規(guī)則 - 獨(dú)立的樣式表文件
1.鏈接樣式表文件
方法:在內(nèi)使用標(biāo)簽:
如:
并建立一個(gè)文本文件,起名mystyles.css (和上面對(duì)應(yīng))。文件內(nèi)容如:
H1 { color: green; font-family: impact }
P { background: yellow; font-family: courier }
2.輸入樣式表文件(返回)
方法:在內(nèi)插入列代碼:
并建立一個(gè)文本文件,起名company.css (和上面對(duì)應(yīng))。文件內(nèi)容如:
H1 { color: green; font-family: impact }
P { background: yellow; font-family: courier }
可見該種方法的好處是可與網(wǎng)頁的內(nèi)部樣式共存。
三、CSS舉例
指定全文的文本格式:
body{background: yellow;color=red; font-size=9pt}
指定局部的默認(rèn)的文本格式:
P{...}
H1{...}
TH{...}
TD{...}
...
指定超鏈接的樣式:
A:link {text-decoration: none; color:#0000FF; font-family: 宋體}
A:visited {text-decoration: none; color: #800000; font-family: 宋體}
A:active {text-decoration: none; color: #FF0000; font-family: 宋體}
A:hover {text-decoration: underline; color:#FF0000}
推薦你可以上菜鳥教程官網(wǎng)學(xué)習(xí)
建立外部樣式表很簡單,就在html的head里寫
link rel="stylesheet" type="text/css" href="css文件路徑"
至于你上邊說的一大堆css里具體內(nèi)容,建議你去w3school上學(xué)一下css,css很簡單的,還是別指望別人給你寫好了