CSS學習筆記(2)

2021-07-27 23:01:45 字數 1039 閱讀 1810

css框模型

- element : 元素

- padding : 內邊距不允許使用負值

h1

可以按照上、右、下、左的順序分別設定各邊的內邊距,各邊均可以使用不同的單位或百分比值

- border : 邊框。     希望邊框出現,就必須宣告乙個邊框樣式。

h1

忘記宣告邊框樣式是乙個常犯的錯誤。根據以下規則,所有 h1 元素都不會有任何邊框,更不用說 20 畫素寬了。設定邊框樣式,比如 solid 或 outset。border-style:

a:link, a:visited

- margin : 外邊距

可以是負值,而且在很多情況下都要使用負值的外邊距

值複製

h1 /* 等價於 0.25em 1em 0.5em 1em */

h2 /* 等價於 0.5em 1em 0.5em 1em */

p /* 等價於 1px 1px 1px 1px */

外邊距合併

假設有乙個空元素,它有外邊距,但是沒有邊框、內邊距。在這種情況下,上外邊距與下外邊距就碰到了一起,它們會發生合併

注釋:只有普通文件流中塊框的垂直外邊距才會發生外邊距合併。行內框、浮動框或絕對定位之間的外邊距不會合併。

CSS學習筆記(2)

屬性是css非常重要的部分,以下是css屬性 字型屬性 備註 1.font variant 屬性值 all caps 在指定的小體大寫字型不存在的時候,css將用大寫字母代替所有的小寫字母。2.使用font屬性定義 font font style屬性值 font variant屬性值 font we...

CSS學習筆記2

css背景 css允許應用純色作為背景,也允許使用背景影象建立相當複雜的效果。使用background color屬性為元素設定背景色,它的預設值是transparen,可以為所有的元素設定背景色t。用background image屬性設定背景影象,background image屬性的預設值是n...

CSS學習筆記2

啟用狀態 active 按住滑鼠左鍵不鬆的樣式,這個狀態特殊短暫。訪問過的狀態 visited 按下滑鼠左鍵,並彈起,這時的樣式。在平常工作中,會使用以下寫法,來給鏈結加不同的樣式。a link,a visited 將 正常狀態 和 訪問過的狀態 合二為一。a hover 滑鼠放上 單做一種效果。l...