導航:首頁 > 萬維百科 > 網頁設計如何改變字體大小

網頁設計如何改變字體大小

發布時間:2020-10-19 05:27:09

1、網頁設計,字體大小不會隨瀏覽器設置而改變

字體大小有相對大小和絕對大小之分,下面給你詳細說下:
語法 : font-size: < 絕對大小 > | < 相對大小 > | < 長度 > | < 百分比 > 允許值 : < 絕對大小 > xx-small | x-small | small | medium | large | x-large | xx-large < 相對大小 > larger | smaller < 長度 > < 百分比 > (in relation to parent element) 初始值 : medium 適用於 : 所有對象向下兼容 : 是字體大小屬性用作修改字體顯示的大小。絕對長度 ( 使用的單位為 pt- 像素和 in- 英寸 ) 需要謹慎地考慮到其適應不同瀏覽環境時的弱點。對於一個用戶來說,絕對長度的字體很有可能會很大,或很小。一些大小指定的定義如下 :
H1 { font-size: large } P { font-size: 12pt } LI { font-size: 90% } STRONG { font-size: larger } 網頁製作者需要清楚 Microsoft Internet Explorer 3.x 會錯誤地將 em 和 ex 單位當作像素,這很可能會令到使用了這些單位的文本不可讀。瀏覽器還會錯誤地將百分比值視為相對於選中部分的預設字體大小,而不是上級元素的字體大小。這種做法像 H1 { font-size: 200% } 這是危險的,其大小將被視為 IE 的一級標題的預設字體大小的兩倍,而不是兩倍於上級元素的字體大小。在這種情況中, BODY 通常會被視為上級元素,而且很可能定義一個 medium 的字體大小,然而,在 IE 中一級標題的預設字體大小可能被認為是 xx-large 。注意到了這些錯誤後,網頁製作者在使用字體大小屬性時,應該小心使用百分比的值,而且應該盡量避免使用 em 和 ex 這兩個單位。

2、網頁設計中如何設計自動改變字體顏色

自動改變顏色?
目前能力沒達到
css中 改變字體顏色
color:#000 用color屬性就可以了
只聽說過 用數組 設定幾個顏色 然後隨機調用出顏色
或者滑鼠劃上去 顏色改變
自動改變 還真不知道!

3、html網頁製作里設置表格字體和大小的語句有嗎?是什麼?

HTML Table表格的文字大小與字型在傳統的HTML網頁設計規則中,可以透過HTML預設font文字標簽中的size與face分別設定文字大小與字型,這樣的寫法在HTML5以前是相當普遍的,而到了HTML5開始,修改表格文字大小與字型必須使用css來處理,因為HTML5不支援傳統HTML font的size與face屬性,在css的規則里,修改文字大小是用font-size,而修改字型則是使用font-famliy,以下範例分別使用HTML傳統的font標簽以及css的屬性來修改表格文字。

範例一、用HTML font文字標簽修改表格文字大小與字型

<table border="1" cellpadding="5"> 
<tr>
<td><font size="5">這是size = 5的文字大小</font></td>
<td><font face= "DFKai-sb">這是標楷體的文字字型</font></td> 
</tr> 
</table>

呈現結果

誠如第一段所說,若要符合最新的HTML5網頁設計標准,表格內的文字大小與字型就必須使用css來設計,範例二就提供這樣的設計方式,除了可以像範例一這樣每個欄位不同的文字樣式,還可以一次設定整個表格的文字樣式,用起來效率非常好。

範例二、用css的font-size與font-family來修改表格文字大小與字型

<table border="1" style="font-size:18px;font-family:serif;" cellpadding="5"> 
<tr>
<td>這是表格預設文字樣式</td>
<td>< span style="font-size:13px;">這是13px的文字大小</span></td>
<td><span style="font-family:DFKai-sb">這是標楷體字型< /span></td> 
</tr> 
</table>

呈現結果

二在table標簽開頭就先加入了『style="font-size:18px;font-family:serif;"』這樣的語法,代表將整張表格內的所有文字大小都預設為18px,而且字型使用serif,這可是傳統HTML的font標簽沒辦法做到的高效率設計方式,接著我們在表格的三個欄位,分別使用預設文字樣式、修改大小為13px(font-size:13px;) 、字型改為標楷體(font-family:DFKai-sb;),可以清楚的看到,只要在表格中任何欄位或一段文字,用span標簽包起來,就可以特別為文字做不同的樣式設計。

4、html怎麼設置字體顏色

HTML主要是用來寫頁面布局的,過程中經常需要設置頁面某些字體的顏色,通常有三種常見方式可以進行自定義設置:

1、通過外部CSS樣式來設置。可以在head標簽中增加style樣式,在body中的其他標簽,如h1,p,div等開始標簽中,增加class="上述style中定義的名稱,如blue"即可。代碼實現如下:

2、通過內部CSS樣式來設置。在body中的其他標簽,如h1,p,div等開始標簽中,增加style="color:white;font-size:25px;"即可。代碼實現如下:

3、通過font標簽來設置。在body中其他標簽內容中,增加font標簽來設置字體顏色和大小,如color="yellow" size="5"。需要注意的是,size的最大值是7,並且設置字體顏色和大小都是用等號賦值,前兩種CSS樣式是通過英文的冒號來賦值。代碼實現如下:

(4)網頁設計如何改變字體大小擴展資料

HTML網頁上定義字體大小有常見三種單位,分別是:px、em、pt。

1、px是pixel縮寫,是基於像素的單位.在瀏覽網頁過程中,屏幕上的文字、圖片等會隨屏幕的解析度變化而變化,一個100px寬度大小的圖片,在800×600解析度下,要佔屏幕寬度的1/8,但在1024×768下,則只佔約1/10。所以如果在定義字體大小時,使用px作為單位,那一旦用戶改變顯示器解析度從800到1024,用戶實際看到的文字就要變「小」(自然長度單位),甚至會看不清,影響瀏覽。 

2、em即%,是相對單位,是一個相對長度單位,最初是指字母M的寬度,故名em。現指的是字元寬度的倍數,用法類似百分比,如:0.8em, 1.2em,2em等。通常1em=16px。,一般用來測量長度的通用單位(例如元素周轉的頁邊空白和填充),當用於指定字體大小時,em單位是指父元素的字體大小。

3、pt是point(磅)縮寫,是一種固定長度的度量單位,大小為1/72英寸。如果在web上使用pt做單位的文字,字體的大小在不同屏幕(同樣解析度)下一樣,這樣可能會對排版有影響,但在Word中使用pt相當方便。因為使用Word主要目的都不是為了屏幕瀏覽,而是輸出列印。當列印到實體時,pt作為一個自然長度單位就方便實用了:比如Word中普通的文檔都用「宋體 9pt」,標題用「黑體 16pt」等等,無論電腦怎麼設置,列印出來永遠就是這么大。

參考資料

網路:HTML

5、用PS設計網頁,該用什麼字體,大小該是多少

同樓上,字體以宋體為主,因為太多盜版系統上,精簡了字體,大部分字體都沒有,如果頁面上使用了部分字體,客戶機器沒有,也會用默認字體顯示,特殊藝術字都必須切割成圖片,這樣頁面美觀了,但是會增加頁面的大小,增加下載時間。
字體大小用12和14像素,是最美觀的字體大小。

6、關於網頁設計尺寸和字型大小大小

html頁面中的文字大小在用戶瀏覽器下默認渲染是「16px",也沒有強行規定一定要用多大的,這個要看設計圖來定。

CSS上可以用"em"來替代「px」,em是一個相對的大小,我們可以這樣來設置1em,0.5em,1.5em等,而且「em」還可以指定到小數點後三位,比如「1.365em」。

為什麼要用em,而不用px的關鍵點:

1. IE無法調整那些使用px作為單位的字體大小;

2. 國外的大部分網站能夠調整的原因在於其使用了em作為字體單位;3. Firefox能夠調整px和em,但是96%以上的中國網民使用IE瀏覽器(或內核)。這意味這中國網站的字體大小可以被認為不可調。

(6)網頁設計如何改變字體大小擴展資料:

網頁構成

文字與圖片是構成一個網頁的兩個最基本的元素。你可以簡單地理解為:文字,就是網頁的內容。圖片,就是網頁的美觀。除此之外,網頁的元素還包括動畫、音樂、程序等等。

在網頁上點擊滑鼠右鍵,選擇菜單中的 「查看源文件」 ,就可以通過記事本看到網頁的實際內容。可以看到網頁實際上只是一個純文本文件。

它通過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述(例如字體、顏色、大小),而瀏覽器則對這些標記進行解釋並生成頁面,於是就得到你現在所看到的畫面。 

為什麼在源文件看不到任何圖片? 網頁文件中存放的只是圖片的鏈接位置,而圖片文件與網頁文件是互相獨立存放的,甚至可以不在同一台計算機上。

網頁通常有以下元素:

文字資料圖像檔案Applet(在頁面內執行的副程式)超鏈結網頁的合成體為網站,一個網站的開始點為首頁。

7、網頁製作的字體大小怎麼設置

css法:修改font-size屬性
js法1:p.setAttribute("fontSize","12px");

js法2:p.style.fontSize=12+"px";
jQuery法:$("p").css("fontSize","12px");
方法很多,可以參考一些學習資料。

8、網頁製作字體大小的調整

id="table1" 這里有CSS樣式。。
你找到*.CSS文件,然後查找table1 。
修改或添加字體屬性 font-size=數值px
就能隨意改變文字大小了。。

9、製作網頁,一般字體設置為多大,行距為多少。

字體大小可以用不同的方式計算,如點或像素,由於基於像素的列印需要轉換為磅,因此建議使用磅。

1、網頁文本顯示最合適的字體大小約為12個磅。現在許多綜合性網站通常使用9磅字體大小,因為頁面中有許多內容需要排列,大字體可用於標題或其他需要強調的地方,小字體可用於頁腳和輔助信息。需要注意的是,小尺寸容易產生整體感和精緻感,但可讀性差。

2、行距的變化也會對文本的可讀性產生很大的影響。行距設置接近字體大小的權重更適合文本。行距的固定比例為10:12,即文字10磅,行距12磅。這主要是出於以下考慮:適當的行距會形成明顯的水平白帶引導觀眾的視線,過寬的行距會使一行文字失去良好的連續性。

(9)網頁設計如何改變字體大小擴展資料:

網頁製作流程

1、引策劃

網站的整體定位、功能規劃、應用分析、流程設計和內容架構組織。

2、前台

網站頁面的設計製作,包括版式規劃、色彩應用、版面設計、切片輸出、頁面整合、動畫和多媒體設計、交互環節設計和頁面代碼編寫等。

3、後台

程序設計、數據操作、功能實現、管理界面和管理功能設計等,側重界面設計的,應在圖形設計和視覺創意上多下功夫,做頁面代碼和後台程序則要多熟悉web標准、標記語言、內嵌語言、腳本語言、資料庫等內容。

參考資料來源:網路-網頁製作

與網頁設計如何改變字體大小相關的知識