首頁(yè) 猿問(wèn) css后綴是什么文件

css后綴是什么文件

CSS3

繁華開(kāi)滿天機(jī) 2019-04-27 19:27:24

查看完整描述

2 回答

繁星淼淼

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超11個(gè)贊

<BODY>
<H1 class="mylayout"> 這個(gè)標(biāo)題使用了Style。</H1>
<H1>這個(gè)標(biāo)題沒(méi)有使用Style。</H1>
</BODY>
</HTML>
內(nèi)部樣式表(Internal Sytle Sheet)要用到Style這個(gè)Tag，寫(xiě)法如下：

<STYLE type="text/css">
......
</STYLE>

外部樣式表(External Style Sheet)
如果很多網(wǎng)頁(yè)需要用到同樣的樣式(Styles)，用什么方法呢？

將樣式(Styles)寫(xiě)在一個(gè)以.css為后綴的CSS文件里，然后在每個(gè)需要用到這些樣式(Styles)的網(wǎng)頁(yè)里引用這個(gè)CSS文件。

比如可以用文本編輯器(NotePad)建立一個(gè)叫home的文件，文件后綴不要用.txt，改成.css。文件內(nèi)容如下：

H1.mylayout {border-width: 1; border: solid; text-align: center;color:red}
然后你建立一個(gè)網(wǎng)頁(yè)，代碼如下：

<HTML>
<HEAD>
<link href="../asdocs/css_tutorials/home.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<H1 class="mylayout"> 這個(gè)標(biāo)題使用了Style。</H1>
<H1>這個(gè)標(biāo)題沒(méi)有使用Style。</H1>
</BODY>
</HTML>

使用外部(Extenal)樣式表，相對(duì)于內(nèi)嵌(Inline)和內(nèi)部式(Internal)的，有以下優(yōu)點(diǎn)：

樣式代碼可以復(fù)用。一個(gè)外部CSS文件，可以被很多網(wǎng)頁(yè)共用。
便于修改。如果要修改樣式，只需要修改CSS文件，而不需要修改每個(gè)網(wǎng)頁(yè)。
提高網(wǎng)頁(yè)顯示的速度。如果樣式寫(xiě)在網(wǎng)頁(yè)里，會(huì)降低網(wǎng)頁(yè)顯示的速度，如果網(wǎng)頁(yè)引用一個(gè)CSS文件，這個(gè)CSS文件多半已經(jīng)在緩存區(qū)(其它網(wǎng)頁(yè)早已經(jīng)引用過(guò)它)，網(wǎng)頁(yè)顯示的速度就比較快。