CSS高階學習筆記

2022-03-04 11:11:46 字數 378 閱讀 5426

1、div與span標記:簡單而言是乙個區塊容器的標記。即...

之間相當於乙個容器,可以容納段落、標題、**、乃至章節、摘要和備註等各種html元素。span標記也是乙個容器標記。

div與span的卻別:div標記類似與p標記,不同的div會換行。span標記是行內標記,不同的span不會換行顯示。

2、盒子模型:乙個盒子由content(內容)、border(邊框)、padding(空隙)內容與邊框的距離、margin(間隙)邊框與其他元素的間隔;這四個部分組成。

3、元素的定位:float定位:浮動。

position定位:absolute:絕對定位。relative行對定位:

z-index空間位置:三位立體位置。各個div之間的層疊管理。

HTML CSS筆記 CSS高階

我們可以使用css樣式為網頁中的文字設定字型 字型大小 顏色等樣式屬性。語法 body 這裡注意不要設定不常用的字型,因為如果使用者本地電腦上如果沒有安裝你設定的字型,就會顯示瀏覽器預設的字型。因為使用者是否可以看到你設定的字型樣式取決於使用者本地電腦上是否安裝你設定的字型。現在一般網頁喜歡設定 微...

CSS高階學習 1

標籤權值為1,類權值為10,id權值最高為100。p 權值為1 p span 權值為1 1 2 warning 權值為10 p span.warning 權值為1 1 10 12 footer note p 權值為100 10 1 111 內聯式 嵌入式 外部式 為某些樣式設定具有最高權值,使用 i...

CSS學習筆記2 高階選擇器

後代選擇器body p body後的p標籤全部選中 子選擇器body p body後一代的p全部選中 弟弟選擇器.id p id為id的標籤的下面首個p標籤被選中 通用選擇器.id p id為id的標籤的下面所有p標籤被選中 選擇存在某屬性的元素a id 選擇某屬性為某值的元素a id id 選擇某...