網站CSS樣式CSS之所以能夠提供豐富的網頁樣式,是因為它包括各種各樣的樣式屬性。例如,有關文字樣式的設置常用的就有十幾種,涉及到文字的各個方面,包括字體樣式(font-family)、字號大小(font-size)、字體樣式(font-style)、文字顏色(color),等等。
在此,介紹使用CSS編輯文本、表格和表單的樣式,以及CSS中濾鏡的使用。
CSS文本編輯效果
在文本編輯中,可以使用HTML中的<FONT>, <B>, <U>, <I>等標簽來設置文本的樣式,但是HTML標簽能實現的功能很有限.CSS提供了豐富的文本樣式屬性,可以設置豐富的字體、大小、顏色,以及添加各種文字修飾的文本樣式。常用的文本編輯屬性如下所示:font-family:用于設置字體。
font-size:用于設置字體大小,默認以像素為單位。
color:用于設置文字的顏色。
font-style:用于設置字體顯示風格。有3種樣式:normal,將文字正常顯示,是該屬性的初始值:italic,使用斜體的字體;oblique,是將正常的文字傾斜顯示。
font-weight:用于設置顯示字體的粗細.text-decoration:用于添加文字修飾。該屬性有5種取值:underline,添加下畫線;overline,添加上畫線;line-through,添加刪除線;blink,使文字閃爍;none,不使用上述修飾效果。
text-transform:該屬性用于控制文本中字母大小寫的轉換。有4種取值:uppercase:將所有字母以大寫顯示;lowercase,將所有字母以小寫顯示;capitalize,將每個單詞的首字母以大寫顯示;none,以正常形式顯示字母。
font-variant:該屬性有兩個取值:normal,是默認取值,表示以正常形式顯示字母:small-caps,以小型大寫形式顯示字母,即以大寫且以較小的字體顯示字母。
font:這是字體屬性的略寫,它可以同時設置多種字體屬性。
在這個應用范例中,將對一個詩詞賞析頁面中的各部分文字進行編輯。通過各種文本屬性,設置文字顯示樣式。
程序清單
<html>
<head>
<meta http-equiv="Content-Type" content"text/html; charset
=utf-8"/>
<title>詩詞賞析</title>
分享名稱:網站CSS樣式
文章鏈接:http://m.newbst.com/news3/118003.html
成都網站建設公司_創新互聯,為您提供網站排名、品牌網站制作、企業建站、App設計、手機網站建設、建站公司
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯