網站設計文字大小_製作網頁一般字體設置為多大行距為多少

1、UI設計網頁設計字體規范應該要注意什麼

可以參考常規字體的使用規范：

1、在每個項目設計中只使用1-2個字體樣式，而在品牌字有明確的規范的情況下，只需要一種字體貫穿全文，通過對字體放大來強調重點文案。字體用的太多，越顯得不夠專業。

2、不同的樣式的字體，形狀或系列最好相同，保證字體風格的一致性。

3、字體與背景的層次要分明,確保字體樣式與色調氣氛相匹配，等。

(1)網站設計文字大小擴展資料：

網頁設計

1、需要根據消費者的需求、市場的狀況、企業自身的情況等進行綜合分析，從而建立起營銷模型。

2、以業務目標為中心進行功能策劃，製作出欄目結構關系圖。

3、以滿足用戶體驗設計為目標，使用axure rp或同類軟體進行頁面策劃，製作出交互用例。

4、以頁面精美化設計為目標，使用PS、AI等軟體，調整，使用更合理的顏色、字體、圖片、樣式進行頁面設計美化。

5、根據用戶反饋，進行頁面設計調整，以達到最優效果。

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

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

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

字體大小有相對大小和絕對大小之分，下面給你詳細說下：
語法 : 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 這兩個單位。

4、怎樣在網頁設計中設計段落行間距的大小

首先你要了解行距的問題那麼你必須先知道盒子模型，也就是所謂的CSS+DIv的設計，那麼裡面關於段落行距的CSS代碼是這樣的
<style>
<!--
p{padding:10px;
magin:10px;}
>
</style>
<body>
<p>你好</p>
</body>
首先跟你解釋下padding 和magin 在網頁設計中的重要性，magin主要是塊與塊之間的距離，有4個，分別是magin-left,magin-top,magin-right,magin-bottom,而padding值得是內容（content）與邊框(border)之間的距離,你好比你現在要設計段落與段落之間的距離其實就是塊與塊之間的距離，用到magin就可以了。所以要想靈活設計網頁中的排版並且做到網頁的設計的多變性那麼還是好好學習下CSS+DIV 希望對你有所幫助。

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

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

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

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

(5)網站設計文字大小擴展資料：

網頁製作流程

1、引策劃

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

2、前台

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

3、後台

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

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

6、網頁設計中文一般用的字體大小，一般怎麼設置font-family。怎麼用fireworks獲取圖中文字的字體和大小？

一般中文的字體大小是12px或者14px。操作方法如下：

1、打開webstorm軟體，在HTML文件中創建h1到h6六個標簽，分別font-style設置字體風格，italic斜體，normal正常，oblique傾斜，inherit指繼承格式，revert還原字體風格。

2、<br />文本換行顯示，在使用p標簽寫段落文字的時候，在網頁中設置換行但是在實際顯示的時候還是不會有換行的格式顯示，需要在文字中間加上<br />符號，設置換行。

3、設置字體的粗細的情況，根據使用font-weight然後選擇字體粗細，bold粗體，bolder稍粗，如圖所示，可以根據需要設置不同的字體粗細。

4、使用font-size設置字體大小，在css文件上輸入font-size之後系統會自動顯示可以選擇的大小，large，larger等等，也可以直接輸入數字來定義字體的大小。

5、最後運行，如下圖所示，就完成了。

7、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標簽包起來，就可以特別為文字做不同的樣式設計。

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

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瀏覽器(或內核)。這意味這中國網站的字體大小可以被認為不可調。

(8)網站設計文字大小擴展資料：

網頁構成

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

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

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

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

網頁通常有以下元素：

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

導航:首頁 > 萬維百科 > 網站設計文字大小

網站設計文字大小

與網站設計文字大小相關的知識