Css使用技巧

2021-08-30 01:41:22 字數 746 閱讀 5300

text-transform 字母大小寫

letter-spacing 字元的間距

text-indent   文字縮排

background-attachment固定背景

scroll指背景圖象隨文字內容一起滾動,即通常所見的方式。

fixed指文字滾動時,背景圖象保持固定。

背景定位(background-position)

關鍵字引數(keyword values)

關鍵字設定方法簡便易用:

top將背景圖象同前景要素的頂部對齊。

bottom將其同前景要素的底部對齊。

left將其同左邊對齊。

right將其同右邊對齊。

center將其水平居中(如果使用在另一關鍵字前面)或垂直居中(如果用在另一關鍵字後面)。

長度引數

長度引數可以使用你對背景圖象的位置作出更精確的控制。你可以設定水平和垂直定位起點,例: p

本段顯示了上述規則的執行效果。ie支援這種屬性,將gif圖象設定在從左上角起水平70象素,垂直10象素的位置。由於我設定了background-repeat: repeat-y,gif圖象將在文字後垂直平鋪。

你可以使用我們以前學過的任何一種長度單位,例如pixels, points, inches, ems等。

(ie 3不支援長度單位顯示這種效果)

比例值(percentage values)

你還可以使用比例值設定背景圖象的位置,例:

p

css使用技巧

1.文字的水平居中 將一段文字置於容器的水平中點,只要設定text align屬性即可 text align center 2.容器的水平居中 先為該容器設定乙個明確寬度,然後將margin的水平值設為auto即可。div container 3.文字的垂直居中 單行文字的垂直居中,只要將行高與容器...

分享 CSS使用技巧摘抄

其中這點覺得非常有用 block和inline元素對比 所有的html元素都屬於block和inline之一。block元素的特點是 總是在新行上開始 高度,行高以及頂和底邊距都可控制 寬度預設是它的容器的100 除非設定乙個寬度 和 是塊元素的例子。相反地,inline元素的特點是 和其他元素都在...

使用過的CSS小技巧筆記

1.實現兩個按鈕水平居中顯示 讓兩個按鈕分別作品有浮動,然後調節左右margin就可以 兩個button標籤,id為login和register login register 2.實現div或者img頭像畫成圓形並居中顯示 img標籤的id為welcomeimg welcomeimg 原文 的方法 ...