国产成人a区在线_亚洲毛片精品一级_国产成人精品一三区在线观看_国产香蕉97碰碰视频VA_最好看最新日本中文字幕_欧美惊人大荫蒂在线视频_婷婷五月天免费操逼福利视频_欧美国产午夜福利_中文免费高清三级_亚洲精品 网友自拍 亚洲精品

企業(yè)官網(wǎng)建設(shè) 營銷型網(wǎng)站 微信分銷系統(tǒng) 微信小程序 企業(yè)郵局
Introduction
概述

css控制文本樣式
在網(wǎng)頁中包含大量的文字信息,統(tǒng)稱為文本。文本的樣式由文字樣式和段落樣式構(gòu)成。css提供了豐富的屬性來控制文字樣式和段落樣式。
了解css技術(shù)基礎(chǔ)之css控制文本樣式
css控制文本樣式


INTRODUCTION導(dǎo) 語

互聯(lián)網(wǎng)的應(yīng)用飛速發(fā)展。網(wǎng)絡(luò)應(yīng)用滲入了人們生活的各個層面。隨著網(wǎng)站的盛行,市場對網(wǎng)頁制作人員的要求愈加嚴(yán)格。css比起之前table更加讓網(wǎng)頁的結(jié)構(gòu)和視覺上有很多元的表現(xiàn),而且使搜索引擎更為友善。

為了讓更多的人了解并學(xué)習(xí)css,小編整理了一些關(guān)于css的技術(shù)及自己的實踐經(jīng)驗,希望對大家有所幫助。本文著重介紹一下如何使用css控制文本樣式,更多相關(guān)信息,還會陸續(xù)增加。

在網(wǎng)頁中包含大量的文字信息,統(tǒng)稱為文本。所有由文字構(gòu)成的網(wǎng)頁元素都是網(wǎng)頁文本。文本的樣式由文字樣式和段落樣式構(gòu)成。css提供了豐富的屬性來控制文字樣式和段落樣式。

font-family:name
css提供的font-family屬性用于改變網(wǎng)頁上文字的字體。其通用語法:
font-family:name
其中NAME值代表字體的名稱,它可設(shè)置為一個字體的名稱或者一組字體的合集。分別設(shè)置中文字體和英文字:
font-family:宋體,黑體,幼圓
font-family: Arial, Helvetica, sans-serif
在font-family屬性中可依次添加多個字體名稱,顯示的優(yōu)先級是按先后順序排列的,若用戶系統(tǒng)中沒有安裝宋體,那么字體會顯示為黑體,若沒黑體,那么顯示為幼圓。英文也是一樣的。
設(shè)置body標(biāo)簽的font-family屬性可以使整個頁面都應(yīng)用宋體、黑體、幼圓其中的一種字體樣式。具體使用哪個由用戶的系統(tǒng)字體。
font-family屬性具有繼承性。在設(shè)置了一個標(biāo)簽的font-family屬性后,該標(biāo)簽中所有其他標(biāo)簽都會應(yīng)用該字體屬性。
font-size:textsize
其中textsize用于定義文字大小的長度,可以是長度、百分比和關(guān)鍵字。
網(wǎng)頁文字的大小取決于網(wǎng)頁內(nèi)容的重要程度,較大的文字通常用作標(biāo)題。文字的默認(rèn)大小由用戶的瀏覽器決定的。設(shè)計人員可以使用css的font-size屬性來改變網(wǎng)頁中文字的默認(rèn)大小。
color:textcolor
在網(wǎng)頁上使用不同顏色的文字可以突出主題以及美化頁面。Css提供的color屬性用于改變網(wǎng)頁上文字的顏色。
color:red ?使用顏色名稱設(shè)置文字顏色
color:rgb{255,0,0} 使用rgb數(shù)值設(shè)置文字顏色
color:rgb(100%,0%,0%) 使用rgb百分比設(shè)置文字顏色
color:#FF0000 使用十六進制設(shè)置文字顏色
color:#F00 ?使用十六進制縮寫設(shè)置文字顏色
font-weight:textweight
在網(wǎng)頁上標(biāo)題通常用加粗的字體表示。在html中,使用b標(biāo)簽表示加粗的文段。css提供的font-weight屬性用于改變網(wǎng)頁上文字的粗細(xì),可減小b標(biāo)簽的重復(fù)使用。該屬性還可以把b標(biāo)簽中顯示為粗體的文字變細(xì)。其通用語法:
font-weight:bold(粗);bolder(粗);lighter(變細(xì));normal(無效果)
font-style:textstyle
在網(wǎng)頁中的斜體文字常用于語句引用。Css提供的font-style屬性用于設(shè)置網(wǎng)頁文字上文字是否傾斜。其通用語法:
font-style:normal(無效果);italic(斜體);oblique(斜體)
text-decoration:textline
在網(wǎng)頁中常常使用下劃線來提示可點擊的文字。下劃線、頂劃線和刪除線統(tǒng)稱為修飾線,css提供的text-decoration屬性用于設(shè)置網(wǎng)頁上的文字的修飾線。其通用語法:
text-decoration:none(無);underline(下劃線);overline(頂劃線);line-through(文字加刪除線);blink(文字閃爍);文字的修飾線可以混合使用,在混合使用時,每個屬性之間用空格隔開。
text-transform:texttype
在網(wǎng)頁中使用英文文字常會涉及大小寫問題,css提供的text-transform屬性用于設(shè)置英文文字的大小寫。其通用語法:
text-transform:none(無);capitalize(首字母大寫);uppercase(全部大寫);lowercase(全部小寫)
屬性的縮寫
屬性縮寫法是將多個屬性的值并列在一個屬性下。只要是復(fù)合屬性都能應(yīng)用屬性速寫法定義css樣式,例:font是一個復(fù)合屬性,多個文字屬性的值可以并列縮寫在font屬性下。
font:“Lucida Grande”,sans-serif 1em italic bold
其中,font屬性代表了所有文字屬性。在設(shè)置font屬性的值時,不需要寫屬性名,只需要寫屬性的值即可。每個值之間用空格隔開。font屬性包含font-style、font-variant、font-weight、font-size、line-height和font-family??s寫font屬性,至少要定義font-size和font-family兩個值,而且所寫的屬性必須都屬于font屬性。
用段落屬性改變字體的段落樣式
在網(wǎng)頁中文字常以段落的形式出現(xiàn),用于表述具體內(nèi)容。css提供的段落屬性來控制段落樣式。
text-align:directiong(段落對齊方式)
text-align:left(左);right(右);center(中間);justify(兩端)
writing-mode:lr-tb|tb-rl
lr-tb代表文字按照左右-上下的方向排列;tb-rl代表文字按照上下-左右的方向排列。在默認(rèn)情況下文字是按照左右-上下的方向排列。
layout-flow:horizontal|vertical-ideographic
其中horizontal是文本水平排列;vertical-ideographic是文本垂直排列。
text-indent:distant(代表段落首行縮進的數(shù)值,可以設(shè)置為像素值或百分比)
文本使用首行縮進來代表分段,css提供的text-indent屬性用于控制段落首行縮進的距離。 distant(代表段落首行縮進的數(shù)值,可以設(shè)置為像素值或百分比)。
line-height:height
一個文本段落中行與行之間的距離稱為行間距,文本中字與字之間的距離稱為字間距。Height代表行與行之間的距離,可以使用各種長度單位來進行設(shè)置。
letter-spacing:space
css提供的letter-spacing屬性用于控制文字的字間距,space代表字與字之間的距離,可以使用各種長度單位進行設(shè)置。

相關(guān)內(nèi)容專題

01

了解CSS技術(shù)基礎(chǔ)之網(wǎng)頁制作入門篇
網(wǎng)頁制作包括XHTML頁面和CSS樣式表,Dreamweaver是最常用的網(wǎng)頁制作軟件,其編輯CSS樣式的能力是Dreamweaver其中的一個功能。

02

如何做好營銷型網(wǎng)站開發(fā)與建設(shè)?
多年專注于營銷型網(wǎng)站建設(shè),服務(wù)超過10萬余家企業(yè)。具有價值的網(wǎng)絡(luò)營銷服務(wù)平臺,專業(yè)為企業(yè)營銷型網(wǎng)站建設(shè)、讓您擁有屬于自己的營銷型網(wǎng)站。

03

顫抖吧!微信小程序
生意寶擁有海量微信小程序行業(yè)模板并能定制專屬于您的小程序,幫助千萬商戶一鍵生成微信小程序。

04

微網(wǎng)站的建設(shè)與開發(fā)
專注服務(wù)于成長型企業(yè)-互聯(lián)網(wǎng)品牌營銷,助力企業(yè)微營銷。


css控制文本樣式
了解更多請掃描
二維碼關(guān)注我們

024-83959235

地址:沈陽市和平區(qū)青年大街322號

聯(lián)系人:王經(jīng)理 ? ?E-mail: wy@netsun.comm