|
網(wǎng)站建設(shè)是指使用標(biāo)識(shí)語(yǔ)言(markup language),通過(guò)一系列設(shè)計(jì)、建模、和執(zhí)行的過(guò)程將電子格式的信息通過(guò)互聯(lián)網(wǎng)傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡(jiǎn)單來(lái)說(shuō),網(wǎng)頁(yè)設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過(guò)使超文件標(biāo)示語(yǔ)言、可擴(kuò)展超文本標(biāo)記語(yǔ)言等標(biāo)示語(yǔ)言放置到網(wǎng)站頁(yè)面上。 七.控制文字的樣式 控制文字的樣式包括文字大小寫(xiě)、文字修飾兩個(gè)部分。 1.文字大小寫(xiě) 文字大小寫(xiě)使網(wǎng)頁(yè)的設(shè)計(jì)者不用在輸入文字時(shí)就完成文字的大小寫(xiě),而可以在輸入完畢后,再根據(jù)需要對(duì)局部的文字設(shè)置大小寫(xiě)。 基本格式如下: text-transform: 參數(shù) 參數(shù)取值范圍: ·uppercase:所有文字大寫(xiě)顯示 ·lowercase:所有文字小寫(xiě)顯示 ·capitalize:每個(gè)單詞的頭字母大寫(xiě)顯示 ·none:不繼承母體的文字變形參數(shù) 注意:繼承是指HTML的標(biāo)識(shí)符對(duì)于包含自己的標(biāo)識(shí)符的參數(shù)會(huì)繼承下來(lái)。 2.文字修飾 文字修飾的主要用途是改變?yōu)g覽器顯示文字鏈接時(shí)的下劃線。 基本格式如下: text-decoration: 參數(shù) 參數(shù)取值范圍: ·underline:為文字加下劃線 ·overline:為文字加上劃線 ·line-through:為文字加刪除線 ·blink:使文字閃爍 ·none:不顯示上述任何效果 八.控制文本的樣式 控制文本的樣式包括單詞距離、字母距離、文本行距、文本水平對(duì)齊、文本垂直對(duì)齊文本縮進(jìn)六個(gè)部分。 1.單詞間距 單詞間距指的是英文每個(gè)單詞之間的距離,不包括中文文字。 基本格式如下: word-spacing: 間隔距離 間隔距離的取值:points、em、pixes、in、cm、mm、pc、ex、normal等。 2.字母間距 字母間距是指英文字母之間的距離,功能、用法,以及參數(shù)的設(shè)置和單詞間距很相似。 基本格式如下: letter-spacing: 字母間距 3.行距
行距是指上下兩行基準(zhǔn)線之間的垂直距離。一般地說(shuō),英文五線格練習(xí)本,從上往下數(shù)的第三條橫線就是計(jì)算機(jī)所認(rèn)為的該行的基準(zhǔn)線。
基本格式如下:
line-height: 行間距離
行間距離取值:
·不帶單位的數(shù)字:以1為基數(shù),相當(dāng)于比例關(guān)系的100%
·帶長(zhǎng)度單位的數(shù)字:以具體的單位為準(zhǔn)
·比例關(guān)系
注意:如果文字字體很大,而行距相對(duì)較小的話,可能會(huì)發(fā)生上下兩行文字互相重疊的現(xiàn)象。
4.文本水平對(duì)齊
文本水平對(duì)齊可以控制文本的水平對(duì)齊,而且并不僅僅指文字內(nèi)容,也包括設(shè)置圖片、影像資料的對(duì)齊方式。
基本格式如下:
text-align: 參數(shù)
參數(shù)的取值:
·left:左對(duì)齊
·right:右對(duì)齊
·center:居中對(duì)齊
·justify:相對(duì)左右對(duì)齊
但需要注意的是,text-alight是塊級(jí)屬性,只能用于<p>、<blockquqte>、<ul>、<h1>~<h6>等標(biāo)識(shí)符里。
5.文本垂直對(duì)齊
文本的垂直對(duì)齊應(yīng)當(dāng)是相對(duì)于文本母體的位置而言的,不是指文本在網(wǎng)頁(yè)里垂直對(duì)齊。比如說(shuō),表格的單元格里有一段文本,那么對(duì)這段文本設(shè)置垂直居中就是針對(duì)單元格來(lái)衡量的,也就是說(shuō),文本將在單元格的正中顯示,而不是整個(gè)網(wǎng)頁(yè)的正中。
基本格式如下:
vertical-align: 參數(shù)
參數(shù)取值:
·top:頂對(duì)齊
·bottom:底對(duì)齊
·text-top:相對(duì)文本頂對(duì)齊
·text-bottom:相對(duì)文本底對(duì)齊
·baseline:基準(zhǔn)線對(duì)齊
·middle:中心對(duì)齊
·sub:以下標(biāo)的形式顯示
·super:以上標(biāo)的形式顯示
6.文本縮進(jìn)
文本縮進(jìn)可以使文本在相對(duì)默認(rèn)值較窄的區(qū)域里顯示,主要用于中文板式的首行縮進(jìn),或是為大段的引用文本和備注做成縮進(jìn)的格式。
基本格式如下:
text-indent: 縮進(jìn)距離
縮進(jìn)距離取值:
·帶長(zhǎng)度單位的數(shù)字
·比例關(guān)系
但是需要注意的是,在使用比例關(guān)系的時(shí)候,有人會(huì)認(rèn)為瀏覽器默認(rèn)的比例是相對(duì)段落的寬度而言的,其實(shí)事實(shí)并非如此,整個(gè)瀏覽器的窗口才是瀏覽器所默認(rèn)的參照物。
另外,text-indent是塊級(jí)屬性,只能用于<p>、<blockquqte>、<ul>、<h1>~<h6>等標(biāo)識(shí)符里。大多數(shù)人在上網(wǎng)的時(shí)候,都會(huì)瀏覽網(wǎng)頁(yè)提供給我們的信息。
|
溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!