導航:首頁 > 萬維百科 > 網頁字體設計規范

網頁字體設計規范

發布時間:2020-12-03 02:59:20

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

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

(1)網頁字體設計規范擴展資料:

網頁構成

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

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

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

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

網頁通常有以下元素:

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

2、UI字體設計規范

UI設計的有關知識點可以到cgwang主頁可以找到

3、網頁設計標准字體大小為多少毫米?電腦顯示器,包括手機的,最好還有畫布畫板的尺寸 懂得給分

一般中文的字體大小是12px或者14px。隨著顯示器解析度不斷提高,12px的文字在大於1440*900的顯示器里看起來會顯得比較小,閱讀起來不是很容易,所以現在網頁設計裡面用12px的已經比較少了,特別是文章正文部分,普遍都會用14px。13px的字體在IE6下面會有一點點顯示上的bug,所以現在用得也不太多,不過隨著IE6慢慢被淘汰,這個問題也不再是一個問題了。而對於標題欄的文字大小,沒有特別的限制,視覺上感覺舒服就行。
字體大小代碼:font-size:14px(字體大小14像素)
對於font-family,一般來說14px及以下大小的文字,應當設置為宋體,當然也可以設置為微軟雅黑。不過在XP下默認是沒有雅黑字體的,所以在css裡面可以這樣設置字體:
font-family:"Microsoft Yahei",simSun,Arial;
把幾個字體用逗號隔開,如果系統沒有第一種字體,就用第二種,如果沒有第二種就用第三種,以此類推。

4、網頁設計開發:如何處理網頁字體

在網頁的設計開發過程中,最重要的莫過於網頁的視覺效果,設計人員經常花費大量精力用於調整字體和字型大小。利用CSS2規范,我們可以在Web頁面或應用程序中隨意對字體進行調整。本文將深入探討字體大小,並介紹在網頁和網頁應用程序中調整字體的最佳方法。 如何調整字型大小 CSS2規范是以字體長度來定義字型大小的,長度數字越大,字體的水平和垂直長度就越大。在長度數字前,有時候還會綴以「+」或者「-」號。另外,在字型大小後,有可能還跟隨著單位標識符。CSS2規范中包含了兩種單位標識符:絕對單位標識符和相對單位標識符。絕對值用來定義單位,而相對單位標識符則表示相對於另一個值的大小,以下列出了幾種相對單位標識符: em表示字體的高度,它等於字體的font-size屬性經過比例計算後的值。但有一種情況例外,即font-size屬性本身使用了em標識符,在這種情況下它會以父元素的字體大小為參考;ex(x-height)指定與小寫字母x的高度相等;px(pixels)關繫到畫布或屏幕解析度,網頁顯示時的像素值完全取決於顯示器解析度,這會使顯示結果隨用戶在屏幕解析度上的偏好而改變。 另一種實現絕對字型大小的方法是使用縮放功能。你可以使用以下關鍵字來縮小或放大字體:xx-small、x-small、small、medium、large、x-large,以及xx-large。其中Medium是一個基準,帶有small字樣的參數會讓字體縮小,而帶有large字樣的參數會讓字體擴大。CSS2規范中定義的縮放比例是1.2,但是不同的瀏覽器可能有不同的解析結果。 採用何種方式 CSS中有大量關於字體字型大小方面的參數,那麼你的網頁該採用什麼定義方式呢?採用絕對標識符來確定字型大小有很多弊端,比如會對一致性和靈活性造成影響,還會在可訪問性方面出現問題。相對字型大小與絕對字型大小相比,可以讓用戶通過多種方式來調大字型大小,從而更便於閱讀。在實際開發中,大多數設計人員採用的也是相對字型大小。下面讓我們更深入地了解一下相對字型大小: 在字型大小方面使用最多的方式就是pixels方式(px),大多數瀏覽器都支持這種字型大小定義方式,使用這種方式的缺點就是用戶無法在IE瀏覽器中調節字體大小。 最普通的字型大小定義方式是使用em或百分比。用em定義的字型大小可以在任何瀏覽器中縮放,它同時也照顧到了用戶對字體的偏愛。 閱讀關於 網頁設計開發字體網頁陶吧 的全部文章

5、求標準的行政公文格式,如字體、間距、頁面設置等。

標準的行政公文格式如下:

標題一般用2號小標宋體字,分一行或多行居中排布;回行時,要做到詞意完整,排列對稱,長短適宜,間距恰當,標題排列應當使用梯形或菱形。

正文一般用3號仿宋體字,每個自然段左空二字,回行頂格。文中結構層次序數依次可以用「一、」「(一)」「1.」「(1)」標注;

一般第一層用黑體字、第二層用楷體字、第三層和第四層用仿宋體字標注。一般公文中標題行距28磅。正文及其他單倍行距。

如有附件,在正文下空一行左空二字編排「附件」二字,後標全形冒號和附件名稱。如有多個附件,使用阿拉伯數字標注附件順序號(如「附件:1.XXXXX」);附件名稱後不加標點符號。附件名稱較長需回行時,應當與上一行附件名稱的首字對齊。

單一機關行文時,在正文(或附件說明)下空一行右空二字編排發文機關署名,在發文機關署名下一行編排成文日期,首字比發文機關署名首字右移二字,如成文日期長於發文機關署名,應當使成文日期右空二字編排,並相應增加發文機關署名右空字數。

成文日期中的數字:用阿拉伯數字將年、月、日標全,年份應標全稱,月、日不編虛位(即1不編為01)。

頁碼一般用4號半形宋體阿拉伯數字,編排在公文版心下邊緣之下,數字左右各放一條一字線;一字線上距版心下邊緣7mm。單頁碼居右空一字,雙頁碼居左空一字。公文的版記頁前有空白頁的,空白頁和版記頁均不編排頁碼。

公文的附件與正文一起裝訂時,頁碼應當連續編排。

(5)網頁字體設計規范擴展資料:

公文用紙一般使用紙張定量為60g/m2~80g/m2的膠版印刷紙或復印紙。紙張白度為85%~90%,橫向耐折度≥15次,不透明度≥85%,pH值為7.5~9.5。

公文頁邊與版心尺寸公文用紙天頭(上白邊)為:37mm±1mm公文用紙訂口(左白邊)為:28mm±1mm版心尺寸為:156mm×225mm(不含頁碼)。

公文應左側裝訂,不掉頁。包本公文的封面與書芯不脫落,後背平整、不空。兩頁頁碼之間誤差不超過4mm。騎馬訂或平訂的訂位為兩釘釘鋸外訂眼距書芯上下各1/4處,允許誤差±4mm。

平訂釘鋸與書脊間的距離為3mm~5mm;無壞釘、漏釘、重釘,釘腳平伏牢固;後背不可散頁明訂。裁切成品尺寸誤差±1mm,四角成90°,無毛茬或缺損。

參考資料:網路-國家行政機關公文格式

6、網頁設計有什麼規范,我是做平面設計的,想知道字體的選擇,網頁設計的尺寸(最好是毫米不是像素)

你好,平面設計是可以配合網頁設計的。做網頁的,一般都是參照設計圖來做的。

關於網頁涉及的尺寸我就簡單說一下,現在最普遍的屏幕解析度是1920*1080,所以,圖片寬度可以設計1920px大小,但為了適用小一點的屏幕,網頁編程會寫出合適的代碼。

與網頁字體設計規范相關的知識