首頁  >  文章  >  web前端  >  CSS層樣式表有哪幾種類型

CSS層樣式表有哪幾種類型

青灯夜游
青灯夜游原創
2021-02-23 16:11:496379瀏覽

CSS層樣式表有3種:1、行內樣式表,利用style屬性將樣式寫在HTML標籤中;2、內部樣式表,將樣式程式碼寫在「c9ccee2e6ea535a969eb3f532ad9fe89」標籤對中;3、外部樣式表,將樣式程式碼寫在單獨的「.css」檔案中,使用「2cdf5bf648cf2f33323966d7f58a7f3f」標籤引用

CSS層樣式表有哪幾種類型

本教學操作環境:windows7系統、CSS3版、Dell G3電腦。

CSS即層疊樣式表(Cascading Style Sheets),是一種用來表現HTML或XML等檔案樣式的電腦語言。 CSS樣式主要包含以下三種類型:

1、行內樣式表(內聯樣式)

利用style屬性將樣式寫在HTML標籤中。

<标签 style="属性:属性值;属性:属性值;"></标签>

如下面程式碼:

<p style="color:red;font-size:12px">这里文字是红色。</p>

2、內部樣式表:

將樣式程式碼寫在頁面c9ccee2e6ea535a969eb3f532ad9fe89...< ;/style>標籤之中

範例:

<style type="text/css">
body {
background-color: #F5F5F5;
color: #555;
font-size: 1.1em;
font-family: &#39;Helvetica Neue&#39;, Helvetica, Arial, sans-serif;
}
</style>

c9ccee2e6ea535a969eb3f532ad9fe89...531ac245ce3e4fe3d50054a55f265927標籤結構可以位於頁面6a74014ee44f5deb5894267f99b68016標籤中的任何位置,也可以多次出現。通常是將整個c9ccee2e6ea535a969eb3f532ad9fe89...531ac245ce3e4fe3d50054a55f265927結構寫在頁面的93f0f5c25f18dab9d176bd4f6de5d30e...9c3bca370b5104690d9ef395f2c5f8d1部分。這種引入CSS方式的特點是每個頁面的CSS代碼可能具有統一性和規劃性,一個頁面內部便於復用和維護,但多個頁面之間的CSS代碼復用仍然不夠。

【推薦教學:CSS影片教學

#3、外部樣式表(.css檔案):

css程式碼寫一個單獨的外部檔案中,這個css樣式檔案以「.css」為副檔名,在93f0f5c25f18dab9d176bd4f6de5d30e內(不是在c9ccee2e6ea535a969eb3f532ad9fe89標籤內)使用2cdf5bf648cf2f33323966d7f58a7f3f標籤將css樣式檔連結到HTML檔案內,如下列程式碼:

<link href="base.css" rel="stylesheet" type="text/css" />
  • rel="stylesheet"指link與href之間的關聯樣式為樣式表檔案

  • type="text/css"指檔案類型為樣式表文字

注意:

1、css樣式檔案名稱以有意義的英文字母命名,如main.css。

2、rel="stylesheet" type="text/css" 是固定寫法不可修改。

3、2cdf5bf648cf2f33323966d7f58a7f3f標籤位置一般寫在93f0f5c25f18dab9d176bd4f6de5d30e標籤之內。

更多程式相關知識,請造訪:程式設計影片! !

以上是CSS層樣式表有哪幾種類型的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn