網頁字體在Frontpage2000製作網頁過程中的使用方法
運用Html,我們可以對字體的大小及字形進行簡單的修改,但要進行統一地控制、創建特殊效果,就必須要用到css.它能讓您更有效地控制網頁外觀,並可以擴充精確指定網頁元素位置,外觀以及創建特殊效果的能力。考慮到用frontpage製作網頁的人較多,同時它對其他網頁編輯器的使用者也有一定的借鑑作用,
因此,我就講解一下如何在frontpage2000中運用css設置網頁字體。
我們可以用css設置出無數種網頁字體,但萬變不離其宗,任何的變化都要遵循css的基本語法。因此我們先來了解一下css的基本語法,它是這樣子的:HTML 標誌 { 標誌屬性:屬性值;標誌屬性:屬性值;標誌屬性:屬性值;…… }。設置字體時,只要正確的更改字體屬性的屬性值,就可以達到目的。字體屬性共分五種:字族(font-family)、字體風格(font-style)、字體變形(font-variant)、字體加粗(font-weight)、字體大小(font-size),此外font屬性是一個總體屬性,可一一指定以上各種屬性和屬性值。它們的功能與屬性值如下:
1、字族(font-family)
功能:通過font-family指定字體類型用於改變HTML標誌或元素的字體,你可設置一個可用字體清單。瀏覽器由前向後選用字體。
其語法爲:h1 {font-family: 字體類型,字體類型,字體類型}
2、字體風格(font-style)
功能:使文本顯示爲扁斜體或斜體等?屬性值:normal-普通、italic-斜體、oblique-偏斜體
語法爲:h1{font-style:屬性值}
3、字體變形(font-variant)
功能:使文本中的小寫字母顯示爲字體較小的大寫字母,常用於設計特殊的標題。
屬性值:normal(普通)和small-caps(小型大寫字母)
語法爲:h1{font-variant:屬性值}
4、字體加粗(font-weight)
功能:用於設置字體筆劃的粗細。
屬性值:正常度 - normal
相對度 - bold, bolder, light, lighter
漸變度 - 100, 200, 300, 400(相當於normal), 500, 600, 700(相當於 bold、 lighter、 bolder、以及數值100-900。
語法爲:h1 < font-weight: 屬性值>
5、字體大小(font-size)
功能:改變字體大小。
屬性值:長度 - 用毫米(mm),釐米(cm),英寸(in),磅(pt),象素(px),pica(pc),ex(小寫字母x的高度)或em(字體高度)作爲度量單位。
百分比 - 相對於其父元素字體大小的百分比。絕對尺寸分爲xx-small, x-small, small, medium, large, x-large, xx-large七種,它們以各種字體的medium尺寸成比例縮放,每一級1.5倍。相對尺寸:有larger和smaller兩種,根據字體原來的大小來決定縮放以後的大小。百分比:把字體設置成原來尺寸的百分比值,可以任意指定數值。
語法爲:{font-size:屬性值}
6、字體(font)
功能:簡寫屬性,提供了對字體所有屬性進行設置的快捷方法。
屬性值:字體屬性值爲前面已列出的值,,內容的順序爲:font-style; font-variant; font-weight; font-size; line-height; font-family。可省略部分屬性,屬性值間用空格分開。
語法:{font:屬性值1 屬性值2 ...屬性值n}
下面我就給大家舉一個例子:把“網絡化”這三個字設置爲加粗的字體首先在頁面打入“網絡化”這三個字,由於字體的粗細是由“字體加粗”這個屬性決定的,所以在進入html編輯模式找到這些字後,就在它們的前後分別加上“字體加粗”及其屬性值的代碼,如:網絡化
完成以上步驟後,“網絡化”這三個字就由普通字體變爲加粗的字體。如果要修改爲其他的'字體,只要更換代碼中的字體屬性以及屬性值即可。
我曾在上面提到font屬性是一個總體屬性,並可以快捷地設置字體的所有屬性。以下這個例子就是給大家講解如何給文字定義多種屬性。我依然以“網絡化”這三個字作爲設置對象,只是這次將它改爲16磅的偏斜字體。設置的步驟與上面相似,但代碼要改爲:網絡化
完成後,這三個字就同時具有了兩種屬性。比較以下兩副圖就可以看出修改前後的不同。
在這裏還需要說明的是雖然frontpage2000也可以更改字體的大小與字形,但它卻不能像css這樣精確地控制字體,如frontpage2000就不能將字體大小設置爲16磅。如果將以上的代碼直接copy入html編輯頁面中,就會使<>""這幾個符號變爲奇怪的字符,所以在應用中還是直接鍵入爲好。
以上介紹的是如何在頁面中對某些文字的字體進行設置,但如果要對整個或幾個頁面的字體進行設置就要運用到以下的方法:
一、當只是要定義當前網頁的樣式,可使用嵌入的樣式表。嵌入的樣式表是一種級聯樣式表,“嵌”在網頁的標記符內。嵌入的樣式表中的樣式只能在同一網頁上使用。
二、當要在站點上所有或部份的網頁上一致地應用相同樣式時,可使用外部樣式表。在一個或多個外部樣式表中定義樣式,並將它們鏈接到所有網頁,便能確保所有網頁外觀的一致性。如果您決定更改樣式,您只需在外部樣式表中作一次更改 ,則該更改就會反映到所有與該樣式表相鏈接的網頁上。通常外部樣式表以 做爲文件擴展名,例如 。
下面就以如何把網頁的所有文字設爲流行的9磅字爲例,給大家講解如何運用以上兩種方法。
如果只設置當前頁面,就要運用嵌入的樣式表,這時只需進入html編輯頁面,在與中加入以下代碼:
BODY {FONT-SIZE: 9pt}
TH {FONT-SIZE: 9pt}
TD {FONT-SIZE: 9pt}
完成後即可見到效果。
如果要使一些網頁應用相同的設置,就要使用外部樣式表。首先在frontpage中新建一個樣式表,具體步驟是依次點擊文件--新建--網頁,在彈出窗口中點擊樣式表,並選擇普通樣式表。然後,鍵入以下代碼:
BODY {FONT-SIZE: 9pt}
TH {FONT-SIZE: 9pt}
TD {FONT-SIZE: 9pt}
注意:如果直接拷貝進去,會產生多餘代碼。
將此文件保存在站點目錄下。編輯網頁時,點擊格式--樣式錶鏈接,在彈出窗口中選擇以上文件即可。
-
製作的作文[集錦8篇]
在我們平凡的日常裏,大家都寫過作文,肯定對各類作文都很熟悉吧,作文是通過文字來表達一個主題意義的記敘方法。你所見過的作文是什麼樣的呢?以下是小編幫大家整理的製作的作文8篇,僅供參考,歡迎大家閱讀。製作的作文篇1著名的科學家哥白尼有一句名言;“人的天職在勇於...
-
【精】實用的製作燈籠作文7篇
在平平淡淡的學習、工作、生活中,大家都不可避免地要接觸到作文吧,寫作文是培養人們的觀察力、聯想力、想象力、思考力和記憶力的重要手段。那麼你知道一篇好的作文該怎麼寫嗎?下面是小編整理的製作燈籠作文8篇,歡迎大家借鑑與參考,希望對大家有所幫助。製作燈籠作...
-
綜評社會實踐設計製作心得體會通用
心中有不少心得體會時,通常就可以寫一篇心得體會將其記下來,這樣我們可以養成良好的總結方法。那麼好的心得體會是什麼樣的呢?下面是小編爲大家整理的綜評社會實踐設計製作心得體會通用,供大家參考借鑑,希望可以幫助到有需要的朋友。綜評社會實踐設計製作心得體會通...
-
小製作作文(範例8篇)
無論是在學校還是在社會中,大家都有寫作文的經歷,對作文很是熟悉吧,作文是通過文字來表達一個主題意義的記敘方法。那麼你有了解過作文嗎?以下是小編精心整理的小製作作文8篇,僅供參考,大家一起來看看吧。小製作作文篇1我做的手工是蝴蝶,用的材料:“兩張A4紙,兩個硬幣、...
相關文章
- Adoption of the Declaration of Human Rights演講稿
- 怎麼規劃美國Software Engineer的職業發展/比較Offer?
- 使用Dreamweaver製作網頁常用尺寸有哪些
- MacBook Pro with Retina display 不適合做網頁設計嗎?
- 大學生應聘英文求職信:Letters of Applying for a Job
- 製作網頁時用fireworks如何切圖教程
- afternoon是什麼意思 afternoon中英釋義-短語-用法
- 網頁編輯器FCKeditor使用方法
- internet explorer 無法顯示該頁面怎麼辦
- 用CorelDraw製作因特網頁方法介紹