CSS知識整理

2021-07-25 19:32:05 字數 992 閱讀 8875

一css簡介:

是一種用來表現html(標準通用標記語言的乙個應用)或xml(標準通用標記語言的乙個子集)等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。css 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字型大小樣式,擁有對網頁物件和模型樣式編輯的能力。

二 css的引入方式:

書寫方式:css 規則由兩個主要的部分構成:選擇器+一條或多條宣告:

1內嵌方式:直接把css的**嵌入到html語句當中。

(1) 使用style屬性將樣式嵌入到html當中。

(2)修飾屬性:屬性+屬性值。

(3)屬性與屬性之間用分號間隔。

例句:hello world

2內部方式

(1)在head部分利用style屬性引入,type=」text/css告訴瀏覽器用css解析器去解析。

(2)(3)同上。

hello world

div

3外部模式:將css樣式抽取成乙個單獨css檔案 誰去使用誰就引用

(1)在外部建立css單獨的修飾檔案。

(2)將放入到head部分。

(3) (4)同上。

二css選擇器:

1基本選擇器

(1)元素選擇器

html標籤名 (放入到head檔案標籤部分)

(2)id選擇器

id唯一性

語法:#id的值

(3)class選擇器

語法:.class的值

2屬性選擇器

語法:基本選擇器[屬性=『屬性值』]

3偽元素選擇器

標籤的偽元素選擇器

語法:

靜止狀態 a:link

懸浮狀態 a:hover

觸發狀態 a:active

完成狀態 a:visited

示例:

**** me

css 知識整理

content box 基礎盒模型,寬 元素寬 border box ie6盒模型,寬 元素寬 padding border 可以簡單,響應式的實現頁面布局。相對於原來的布局,主要應用float,position之類的進行布局,會有很多 比如需要清除浮動,是否占用文字流,會對其他元素造成一系列的影響...

css知識整理

是指盒子按照html標籤編寫的順序依次從上到下,從左到右排列,塊元素佔一行,行內元素在一行之內從左到右排列,先寫的先排列,後寫的排在後面,每個盒子佔據自己的位置。相對元素定位,元素所佔據的文件流的位置不變,元素本身相對文件流的位置進行偏移 絕對定位,元素脫離文件流,不佔據文件流的位置,可以理解為漂浮...

CSS碎片知識整理

1.效果 border style none 無邊框 border width 0 邊框寬度為0px 2.區別 1 效能差異 border 0 瀏覽器對border width border color進行渲染,占用記憶體。當定義邊框時,不僅要設定邊框寬度,還要設定邊框樣式才能達到顯示的效果 bor...