看程式學css 2

2021-09-24 05:45:31 字數 1309 閱讀 7441

1、

正常大小

30px大小的文字

50%比例的文字

0.5em 等同於 50%比例的文字

標準字型

標準字型

斜體標準字型

標準字型

粗一點預設字型檔 font family:default

設定字型檔 font-family: times new roman

設定字型檔 font-family: arial

設定字型檔 font-family: 宋體, 這種字型是ie預設字型

設定字型檔 font-family: 黑體

設定字型檔 font-family: 楷體

設定字型檔 font-family: 微軟雅黑, 這個字型是火狐預設字型

預設字型

斜體的 粗體的 大小是30px的 "times new roman"

2、滑鼠移動到這段文字上,就看到滑鼠樣式變成了十字架

試一下abcdefghijklmnopqrstuvwxyz

abcabcdefghijklmnopqrstuvwxyz

abc邊框分離

邊框分離

邊框合併

邊框合併

3、預設無邊框div

實線邊框

點狀邊框

虛線邊框

雙線邊框

預設無邊框div

實線紅色邊框

預設無邊框div

實線紅色細邊框

實線紅色預設寬度邊框

預設無邊框div

點狀天藍色細邊框

只有上面有邊框

左邊和上邊都有邊框

四邊都有邊框 

預設無邊框div

實線紅色細邊框

實線紅色細邊框

4、無內邊距的span

左邊距為50的span

padding:20的span

padding: 10 20 30 40 的span

無外邊距的span

無外邊距的span

無外邊距的span

有左外邊距的span 其他元素

內容寬度70px

內邊距:5px

外邊距:10px

其他元素

5、超鏈的不同狀態預設的超鏈

去除了下劃線的超鏈可見的div1

隱藏的div2,使用display:none隱藏

可見的div3

隱藏的div4,使用visibility:hidden隱藏

可見的div5

看程式學css 3

1 紅色藍色 紅色藍色 p1 顏色是綠色,優先使用靠的最後出現的 p1 顏色是紅色,優先使用style屬性 p1 顏色是綠色,優先使用 important樣式 2 正常文字1 正常文字2 絕對定位的文字3 正常文字4 正常文字5 正常文字a 正常文字b 正常文字c 正常文字d 正常文字e 正常文字f...

CSS 2 理解CSS浮動

一 概述 1.為什麼需要使用浮動 在標準流中,所有的塊級元素都獨佔一行。為了讓多個塊級元素可以在同一行上顯示,需要使用浮動或定位 2.語法 float none left right 3.浮動的特點 1 讓元素脫離標準流,漂浮在標準流之上。半脫標 注意 浮動元素並沒有脫離標準流中的文字流,即標準流中...

CSS2學習筆札

一 樣式 1 背景 2 文字 3 超銜接 4 列表 5 6 輪廓ie不支援 二 盒模型 一旦為頁面設定了恰當的 dtd,大多數瀏覽器都會按照上面的圖示來呈現內容。然而 ie 5 和 6 的呈現卻是不正確的。根據 w3c 的規範,元素內容佔據的空間是由 width 屬性設定的,而內容周圍的 paddi...