CSS 基礎知識

2021-04-15 04:48:26 字數 659 閱讀 4499

選擇器

元素選擇器

p 後代選擇器

li a

id選擇器

#intro

some text

類選擇器

.dateposted

24/3/2006

偽類選擇器

a:link

通用選擇器

* 浮動、定位、框模型

定位的四種模型

相對定位(relative)

相對定位的座標原點:該元素在普通流中的位置;

特別點:元素使用相對定位時,無論是否進行移動,仍然佔據原來的空間。因此移動元素會導致它覆蓋其他框。

絕對定位(absolute)

絕對定位的座標原點:最近的已定位祖先元素;

特別點:元素使用絕對定位時,元素的位置與文件流無關,因此不佔據空間。普通文件流中其他元素的布局就像絕對定位的元素不存在時一樣。

固定定位

固定定位的座標原點:瀏覽器視窗

特別點:低版本的瀏覽器不支援。

浮動(float)

浮動元素可以左右移動,直到它的外邊緣碰到包含框或另乙個浮動框的邊緣。

特別點:浮動框也不在文件的普通流中,它有時也會覆蓋普通文件流中的元素,浮動元素有時會因為高度不同而被卡住。

框模型涉及到了margin padding

CSS基礎知識

css規則有兩個主要的部分組成 選擇器,以及一條或者多條宣告h1 css內部的注釋以 開始,以 結束p id選擇器,通過 來選擇html元素 username class選擇器,通過 來選擇一組class元素.center 指定特定的html元素使用classp center 引入外部樣式表 rel...

css基礎知識

css基礎 id選擇器 用 定義 結合div class選擇器 用.定義 結合div 背景 background color 背景色 background image 背景影象 background repeat 背景重複 background position 位置 background atta...

CSS基礎知識

css特性 css有兩大特性,繼承性和層疊性。css的繼承性,指的是子元素繼承了父元素的某些樣式。css中具有繼承屬性的三大類 1 文字相關屬性 font family,font size,font style,font weight,font,line height,text align,text...