」。 2.內部樣式表,把css樣式寫在「」標籤中,並用「

css規則有哪三種類型

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

CSS是用來表示html樣式的程式語言,是可以做到網頁和內容進行分離的一種樣式語言。

CSS主要用來設計網頁的樣式,美化網頁;它不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。

CSS 能夠對網頁中元素位置的排版進行像素級精確控制,支援幾乎所有的字體字號樣式,擁有對網頁物件和模型樣式編輯的能力。

CSS樣式主要包含以下三種:行內樣式(內嵌樣式)、內部樣式(內聯樣式)、外部樣式(外部樣式)

1、行內樣式(內嵌樣式):

結構的內部,即寫在標籤內的樣式;寫在標籤的開始部分內部,style屬性當中。

<标记 style="样式的属性名1:样式的属性值1;属性名2:属性值2;......"></标记>

範例:

<h1 style="color:red;">style属性的应用</h1>

css規則有哪三種類型

透過這個方法,可以很簡單地對某個元素單獨定義樣式。

css規則有哪三種類型

優點:

缺點:

2、內部樣式(內嵌樣式):

寫在HTML頁面內部,存放於head標記當中,樣式寫在style標記內。

<style>选择器 {属性名:属性值;属性名:属性值;......}</style>

範例:

css規則有哪三種類型

css規則有哪三種類型

#優點:跟行間樣式表相同不會產生額外的請求,且它初步實現了結構與樣式的分離,比較適合單頁網站應用。

缺點:由於內部樣式表是寫在HTML 檔案中的,導致頁面不純淨、檔案體積大、不利於網路爬蟲獲取資訊、不利於維護、頁面之間無法共享樣式

3、外部樣式(外接樣式):

程式碼寫在css檔案內。然後在頁面中透過連結標記連結到頁面中,而且該連結語句必須放在頁面的

標記區。

如果 CSS 樣式被放置在網頁文件外部的文件中,則稱為外部樣式表,一個 CSS 樣式表文件就表示一個外部樣式表。

實際上,外部樣式表也就是一個文字文件,擴展名為.css。當把CSS樣式程式碼複製到一個文字檔後,另存為.css文件,則它就是一個外部樣式表。

如下圖所示就是一個外部樣式表:

css規則有哪三種類型

#引入外部樣式表的方式:

HTML檔案引用副檔名為.css的樣式表,有兩種方式:連結式、匯入式。

1)、CSS連結樣式

連結樣式是指在外部定義CSS樣式表並形成以.CSS為副檔名文件,然後在頁面中透過連結標記連結到頁面中,而且該連結語句必須放在頁面的

標記區。

語法:

<link type="text/css" rel="styleSheet"  href="CSS文件路径" />

2)、CSS導入式

導入式是透過@import在

語法:

<style type="text/css">
  @import url("css文件路径");
</style>

簡單實例:

css規則有哪三種類型

css規則有哪三種類型

外部樣式表的優缺點

優點:

缺點:

(學習影片分享:web前端入門

以上是css規則有哪三種類型的詳細內容。更多資訊請關注PHP中文網其他相關文章!

html5 css css3 html 对象 样式表 http 搜索引擎
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:表格的CSS樣式有哪些下一篇:表格的CSS樣式有哪些

相關文章

看更多