HTML靜態網頁 css樣式表

2022-09-15 10:48:18 字數 1787 閱讀 7983

css(cascading style sheet,疊層樣式表),作用是美化html網頁。

/*注釋區域*/    此為注釋語法

一、樣式表

(一)樣式表的分類

1.內聯樣式表

和html聯合顯示,控制精確,但是可重用性差,冗餘較多。

例:內聯樣式表

2.內嵌樣式表

作為乙個獨立區域內嵌在網頁裡,必須寫在head標籤裡面。

3.外部樣式表

新建乙個css檔案,用來放置樣式表。如果要在html檔案中呼叫樣式表,需要在html檔案中點右鍵→css樣式表→附加樣式表。一般用link連線方式。

有些標籤有預設的邊距,一般寫樣式表**的時候都會先去除(也可以設定其他的樣式),如下:

(二)選擇器

1.標籤選擇器。用標籤名做選擇器。

2.class選擇器。都是以「.」開頭。

3.id選擇器。以「#」開頭。

4.復合選擇器

(1)用「,」隔開,表示並列。

(2)用空格隔開,表示後代。

(3)篩選「.」。

二、樣式屬性

(一)背景與前景

1.背景:

2.前景字型:

(二)邊界和邊框

border(**邊框、樣式等)、margin(表外間距)。padding(內容與單元格間距)。

(三)列表與方塊

width、height、(top、bottom、left、right)只有在絕對座標情況下才有用。

網頁 CSS樣式表

昨天,我主要是對css樣式表進行了一下複習。css樣式表主要有三類 內聯樣式表 內嵌樣式表 外部樣式表,我們平時一般使用第二種樣式表。選擇器主要包括 標籤選擇器 class選擇器 id選擇器 復合選擇器等。在格式與布局中,主要學習了 position fixed鎖定位置,position absol...

HTML複習筆記 CSS樣式表

css 用於設計網頁的排版 建立css樣式表 css樣式表由選擇器與樣式規則組成。所謂選擇器,可以是html中的標記 最常用 class屬性,或者id屬性,例如 h1乙個選擇器中可以設定多種不同的規則,中間用分號分隔。範例 應用css樣式表 三種方式 1 行內宣告,即直接將css樣式寫在html標記...

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...