CSS基礎知識筆記 一

2022-07-15 13:42:13 字數 1202 閱讀 5104

css 樣式由選擇符和宣告組成,而宣告又由屬性和值組成:

選擇符:

又稱選擇器,指明網頁中要應用樣式規則的元素,如本例中是網頁中所有的段(p)的文字將變成藍色,而其他的元素(如ol)不會受到影響。

宣告:在英文大括號「{}」中的的就是宣告,屬性和值之間用英文冒號「:」分隔。當有多條宣告時,中間可以英文分號「;」分隔,如下所示:

p
注意:

1、最後一條宣告可以沒有分號,但是為了以後修改方便,一般也加上分號。

p

css**注釋

就像在html的注釋一樣,在css中也有注釋語句:用/*注釋語句*/來標明(html中使用)

css**插入形式

從css 樣式**插入的形式來看基本可以分為以下3種:內聯式、嵌入式和外部式三種

內嵌式:

css樣式表就是把css**直接寫在現有的html標籤中,如下面**:

這裡文字是藍色。

css**需要寫在元素的開始標籤裡。

並且css樣式**要寫在style=""雙引號中,如果有多條css樣式**設定可以寫在一起,中間用分號隔開。如下**:

這裡文字是紅色。

嵌入式css樣式,就是可以把css樣式**寫在標籤之間。如下面**實現把三個標籤中的文字設定為紅色:

<

style

type

="text/css"

>

span

style

>

嵌入式css樣式必須寫在之間,並且一般情況下嵌入式css樣式寫在之間。
外部式:

外部式css樣式(也可稱為外聯式)就是把css**寫乙個單獨的外部檔案中,這個css樣式檔案以「.css」為副檔名,在內(不是在**的前面(實際開發中也是這麼寫的)

總結來說,就是--就近原則(離被設定元素越近優先級別越高)

注意:上面所總結的優先順序是有乙個前提:內聯式、嵌入式、外部式樣式表中css樣式是在的相同權值的情況下。(權值是什麼玩意。。)

CSS基礎知識(一)

css是指層疊樣式表 html描述了要呈現的內容,而css則定義了這些內容的呈現形式,比如字型 顏色等。使用css能夠將頁面內容和呈現形式有效分離,有利於分工合作,也有利於快速更換不同的呈現形式。使用樣式表有三種方式 1.內聯樣式 內聯樣式 2.內部樣式 內聯樣式 內部樣式的演示1 內部樣式的演示2...

CSS基礎知識 一

h1表示選擇器 font size和color表示屬性 12px和 fff表示屬性值 p在html中通過使用五 css選擇器 在 css 中,選擇器是一種模式,用於選擇需要新增樣式的元素 所有html語言中的標籤樣式都是通過不同的css選擇器進行控制的 css的選擇器分為三種,分別是 標籤選擇器 類...

CSS介紹 筆記 css基礎知識

css介紹 筆記 網頁背景描述 外部樣式表檔案 另外建乙個新的.css檔案 h1 color pink background color aqua font size 20px css使用方式 css h1 匹配頁面中所有的h1標籤 統一新增樣式 h1 color green background ...