網站CSS樣式

2021-06-19 分類：網站建設

網站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>

=utf-8"/>

分享名稱：網站CSS樣式
文章鏈接：http://m.kartarina.com/news3/118003.html

成都網站建設公司_創新互聯，為您提供網站排名、品牌網站制作、企業建站、App設計、手機網站建設、建站公司

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容