首頁猿問 css后綴是什么文件

css后綴是什么文件

CSS3

繁華開滿天機 2019-04-27 19:27:24

查看完整描述

2 回答

繁星淼淼

TA貢獻1775條經(jīng)驗獲得超11個贊

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

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

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

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

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

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

<HTML>
<HEAD>
<link href="../asdocs/css_tutorials/home.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<H1 class="mylayout"> 這個標題使用了Style。</H1>
<H1>這個標題沒有使用Style。</H1>
</BODY>
</HTML>

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

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