CSS控制效果

2021-06-26 02:01:35 字數 1340 閱讀 7495

1、段落控制:

①text-indent: 首行縮排(使用負值時,首行被縮排到左邊)

②text-align:      文字的水平對齊方式(left,right,center)

③text-decoration:  文字裝飾線

none      預設,標準的文字

underline      文字下的一條線

overline 文字上的一條線

line-through  穿過文字的一條線

blink      閃爍的文字

④letter-spacing:     字元間距(字元間的空白)

⑤text-transform:   字母大小寫轉換(控制文字大小寫)

none      預設,標準文字

capitalize      文中的每個單詞以大寫字母開頭

uppercase     僅有大寫字母

lowercase     僅有小寫字母

例:

2、文字控制:

①color:顏色(建議使用十六進製制表示顏色)

②font-style:文字樣式(最常用於規定傾斜文字)

normal          文字正常顯示   

italic             文字斜體顯示

oblique         文字傾斜顯示

(通常情況下,italic 和 oblique 文字在 web 瀏覽器中看上去完全一樣。)

③font-weight:文字粗細

bold  將文字設為粗體,數字400等於normal,700等於bold

④font-size:文字大小(有畫素,em,百分比三種表示方法)

⑤font-family:字型系列(通用字型,具體字型2種)

⑥line-height:行高(行間的距離)

例:

3、背景控制:

①background(background-color):  背景顏色

②background-image:     背景

③background-repeat:  背景圖重複(no-repeat 背景圖僅顯示一次)

④background-attachment:      背景圖貼上方式

⑤background-position:    背景圖位置

例:

CSS實現的控制台效果

我們在寫blog或寫文件說明的時候,有時候說明在控制台中怎樣使用,在windows xp 2000中就是cmd命令。為了表達這種在控制台中的操作,我寫了個 css來呈現效果。在網頁文件中 blog或使用者手冊 呈現乙個控制台的樣式,有邊框和標題欄,黑色背景。如下圖 這個控制台可以真實的控制台那樣可以...

常用CSS效果

div水平居中margin 0px auto 在ie下可能不能正常顯示,原因dtd說明未正確使用 圍繞div內文字居中 lineheight的高度和div的高度相同 注意,文字不能換行 ie6 div內文字居中 多行文字居中顯示,使用display table cell vertical align...

CSS 文字效果

1.1 自定義字型 這段文字使用的是徐靜蕾字型。這段文字使用的是預設字型。1.2 段落首字元下沉 縮排及特殊顯示 段落首字元下沉 縮排及特殊顯示 段落首字元下沉和15畫素的縮排 if 首字元不下沉 首字元英文小寫和懸掛縮排 6畫素 if 段落的首字元不下沉 首字母英文大寫 1.3 自定義文字選中樣式...