css基礎知識整理

2021-10-07 09:36:24 字數 1265 閱讀 5693

1 什麼是css?

css通常稱為css樣式表或層疊樣式表(級聯樣式表),主要用於設定html頁面中的文字內容(字型、大小、對齊方式等)、的外形(寬高、邊框樣式、邊距等)以及版面的布局等外觀顯示樣式。

css以html為基礎,提供了豐富的功能,如字型、顏色、背景的控制及整體排版等,而且還可以針對不同的瀏覽器設定不同的樣式。

2 css語法

css基礎語法

css規則由兩個主要部分構成:選擇器以及一條或多條宣告。

每條宣告由乙個屬性和乙個值組成。屬性(property)是設定的樣式屬性,每個屬性有乙個值,屬性和值被冒號分開

比如 selector

3 建立css

css 建立樣式表分為三種情況:

內部樣式表

行內式(內聯樣式)

"width:200px;height:100px;border:1px solid black;"

>

外部樣式表(外鏈式)

樣式優先順序:內聯樣式》內部樣式》外部樣式

三種樣式表區別:

行內樣式表 :優點 書寫方便;缺點 沒有實現樣式和結構相分離;使用情況 較少;控制範圍 控制乙個標籤(少)。

內部樣式表:優點 部分結構和樣式相分離; 缺點 沒有徹底分;使用情況 較多;控制範圍 控制乙個頁面(中)。

4 id和class選擇器

id選擇器:

id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式,id 屬性和身份證一樣具有唯一性。

html元素以 id 屬性來設定 id 選擇器,css 中 id 選擇器以 「#」 來定義。注意: id 屬性不能以數字開頭。

語法:#id名

​class選擇器:

class 選擇器用於描述一組元素的樣式,也叫做類選擇器。

class 可以在多個元素中使用,並且乙個元素也可以指定多個類名。

在 css 中,類選擇器以乙個點 「.」 號來定義。

同樣的類名的第乙個字元也不能使用數字。

語法:.類名

​id 選擇器和類(class)選擇器的區別:

相同點:

都可以應用於任何元素
不同點:

id 選擇器只能在文件中使用一次,而類選擇器可以使用多次。可以使用類選擇器詞列表方法為乙個元素同時設定多個樣式(也就是乙個元素可以制定多個類名),而id只能指定乙個。

css基礎知識整理

1 css分類樣式分為3類 內聯 內嵌 外部 1 內聯 寫在標籤裡面,樣式為style 舉例說明 我是第一行h 執行樣圖 style 寬度為100畫素,高度為110畫素,背景是綠色 給這乙個div標籤定css樣式。2 內嵌 在裡面內嵌在head內部body外部 即舉例 我是洋洋1 我是洋洋2 我是洋...

CSS基礎知識整理二

下面是定義乙個盒子的border div下面是定義乙個盒子的寬度,其寬度由padding left padding right margin left margin right border left border right和自己本身物體的寬度組成 div 以上案例中div的寬度為232px 乙個...

css基礎知識整理篇

某個大神整理的面試題 內容 content 填充 padding 邊界 margin 邊框 border content部分把border和padding算進去了1 id選擇器 myid 2 類選擇器 myclassname 3 標籤選擇器 div,h1,p 4 相鄰選擇器 h1 p 5 子選擇器 ...