網(wǎng)站CSS樣式

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

網(wǎng)站CSS樣式

CSS之所以能夠提供豐富的網(wǎng)頁樣式,是因?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)簽來設(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,添加下畫線;overline,添加上畫線;line-through,添加刪除線;blink,使文字閃爍;none,不使用上述修飾效果。

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

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

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

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

程序清單

<html>

<head>

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

=utf-8"/>

<title>詩詞賞析</title>

分享名稱:網(wǎng)站CSS樣式
文章鏈接:http://muchs.cn/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)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

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