網(wǎng)站CSS樣式

2021-06-19    分類(lèi)： 網(wǎng)站建設(shè)

網(wǎng)站CSS樣式

CSS之所以能夠提供豐富的網(wǎng)頁(yè)樣式，是因?yàn)樗ǜ鞣N各樣的樣式屬性。例如，有關(guān)文字樣式的設(shè)置常用的就有十幾種，涉及到文字的各個(gè)方面，包括字體樣式(font-family)、字號(hào)大小(font-size)、字體樣式(font-style)、文字顏色(color)，等等。
在此，介紹使用CSS編輯文本、表格和表單的樣式，以及CSS中濾鏡的使用。

CSS文本編輯效果

在文本編輯中，可以使用HTML中的<FONT>, <B>, <U>, <I>等標(biāo)簽來(lái)設(shè)置文本的樣式，但是HTML標(biāo)簽?zāi)軐?shí)現(xiàn)的功能很有限.CSS提供了豐富的文本樣式屬性，可以設(shè)置豐富的字體、大小、顏色，以及添加各種文字修飾的文本樣式。常用的文本編輯屬性如下所示:font-family:用于設(shè)置字體。

font-size:用于設(shè)置字體大小，默認(rèn)以像素為單位。

color:用于設(shè)置文字的顏色。

font-style:用于設(shè)置字體顯示風(fēng)格。有3種樣式:normal，將文字正常顯示，是該屬性的初始值:italic，使用斜體的字體;oblique，是將正常的文字傾斜顯示。

font-weight:用于設(shè)置顯示字體的粗細(xì).text-decoration:用于添加文字修飾。該屬性有5種取值:underline，添加下畫(huà)線(xiàn);overline，添加上畫(huà)線(xiàn);line-through，添加刪除線(xiàn);blink，使文字閃爍;none，不使用上述修飾效果。

text-transform:該屬性用于控制文本中字母大小寫(xiě)的轉(zhuǎn)換。有4種取值:uppercase:將所有字母以大寫(xiě)顯示;lowercase，將所有字母以小寫(xiě)顯示;capitalize，將每個(gè)單詞的首字母以大寫(xiě)顯示;none，以正常形式顯示字母。

font-variant:該屬性有兩個(gè)取值:normal，是默認(rèn)取值，表示以正常形式顯示字母:small-caps，以小型大寫(xiě)形式顯示字母，即以大寫(xiě)且以較小的字體顯示字母。

font:這是字體屬性的略寫(xiě)，它可以同時(shí)設(shè)置多種字體屬性。

在這個(gè)應(yīng)用范例中，將對(duì)一個(gè)詩(shī)詞賞析頁(yè)面中的各部分文字進(jìn)行編輯。通過(guò)各種文本屬性，設(shè)置文字顯示樣式。

程序清單

<html>

<head>

<meta http-equiv="Content-Type" content"text/html; charset

=utf-8"/>

<title>詩(shī)詞賞析</title>

分享名稱(chēng)：網(wǎng)站CSS樣式
文章鏈接：http://www.bm7419.com/news3/118003.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、品牌網(wǎng)站制作、企業(yè)建站、App設(shè)計(jì)、手機(jī)網(wǎng)站建設(shè)、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)