CSS基礎之 CSS基礎知識 1

2022-03-11 03:52:51 字數 1739 閱讀 2194

結構至上,結構與表現分離。這是網頁標準化最優原則,也是web設計的最高境界。

css全稱為「cascading style sheets」,中文翻譯為「層疊樣式表」,簡稱「css樣式表」又被我們稱為「css樣式」,css樣式有時被作為一種能製作出各種樣式網頁的技術統稱。

2023年,w3c公升級css為css 2.1,並把它作為標準版本推薦使用。2023年,推出css3.0,但是沒有普及。所以現在主要使用的是css 2.1。

css是一種詳細設定網頁外觀的技術,使用css來製作網頁有以下優點:

樣式是css的最小、最基本單元。從本質上來看,css樣式就是網頁格式化的規則列表。乙個樣式單元必須包含兩部分組成:

例如:設定html文件中所有段落元素的應用多個樣式,該樣式結構如圖

(1)行內樣式:

對於標籤中的個別標籤,直接運用css的方法。由於樣式直接被放入到標籤中(一般都是放在標籤的style屬性中),所以它的作用物件就已經明確了,不再需要指定樣式的選擇器。例如:

<

pstyle="text-indent:2em; font-size:12px; line-height:1.6em; color:gray;"

>段落樣式

p>

(2)內部樣式:

在標籤內編寫標籤,在裡面編寫css的方法。使用該元素能夠在文件內定義僅供當前頁面內使用的樣式,因此稱其為內部樣式。例如:

<

style

type="text/css"

>

p
style

>

(注意:內部樣式,也叫嵌入式,經常用來指定乙個頁面的單獨樣式。為了避免不能識別css的瀏覽器把css的文字顯示出來的情況,用comment標籤把css的部分進一步包括起來。)

(3)外部樣式:

把樣式**存放在獨立的檔案中,使用時再把這個獨立的檔案匯入或鏈結到html文件中。這個樣式表檔案就是我們常說的css檔案,其擴充套件名為.css。css檔案實際上就是乙個文字檔案,使用任何文字編輯器都可以開啟並進行編輯。

<

link

href="cssname.css "

type="text/css"

rel="stylesheet"

media="all"

/>

當然,也可以在內部樣式表中使用@import命令匯入外部樣式表。用法如下:

<

style

type="text/css"

media="all"

>

style

>

綜上所述,將css應用於html檔案(即將樣式表和文件粘合在一起)有這幾種方法:

CSS基礎知識之(CSS建立)

當讀到乙個樣式表時,瀏覽器會根據它來格式化html文件。該段 的含義表示要從mystyle.class中讀到樣式宣告,並根據它來格式文件。注意 外部樣式表可以在任何文字編輯器中進行編輯。檔案不能包含任何的html標籤,並且要以.css副檔名進行儲存。當單個文件需要特殊的樣式時,就應該使用內部樣式表。...

css基礎知識講解 1

cascading style sheets 層疊樣式表 樣式定義如何顯示 html 元素 樣式通常儲存在樣式表中 把樣式新增到 html 中,是為了解決內容與表現分離的問題 外部樣式表可以極大提高工作效率 外部樣式表通常儲存在 css 檔案中 相同權值情況下,css樣式的優先順序總結來說,就是 就...

CSS 基礎知識

選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...