導航:首頁 > 萬維百科 > 網頁設計字型大小用多少

網頁設計字型大小用多少

發布時間:2020-12-06 19:26:17

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、網頁圖片設計尺寸設多少?解析度設多少?字型大小是多少?字體是用什麼字體?

1、寬度1003 px
2、解析度1024*768
3、字型大小一般12 px
4、字體是宋體

3、專業網站設計網頁設計合適字型大小是多少

???

用1rem即可,,

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, a, .td-name, td, button, input, select, textarea {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Montserrat", "Helvetica", Arial, sans-serif;
  font-weight: 300;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  margin: 30px 0 0;
}

h1, .h1 {
  font-size: 3.6em;
}

h2, .h2 {
  font-size: 2.8em;
}

h3, .h3 {
  font-size: 1.825em;
  line-height: 1.4;
  margin: 20px 0 0px;
}

h4, .h4 {
  font-size: 1.6em;
  line-height: 1.2em;
}

h5, .h5 {
  font-size: 1.35em;
  line-height: 1.4em;
}

h6, .h6 {
  font-size: 0.9em;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.5em;
}

p {
  font-size: 15px;
  line-height: 1.5em;
  margin-bottom: 5px;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  color: #9A9A9A;
  line-height: 1.5em;
}

h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
  font-size: 60%;
}

求採納,純手打和經驗積累o(^▽^)o

4、網頁設計中公司網站一般用什麼字體什麼字型大小

正常的內容文字使用宋體12號即可,無需效果

網站名,logo採用最大的字體,黑體,筆跡清晰即可。

文章標題採用大於14號比內容略大。

版權,底部,次要文字採用10號左右淺色。

5、網頁設計的寬度一般為多少?應該怎麼把握?

百度統計流量研究院對於2017年上半年的解析度使用情況統計得出。

排名第一的是360×640,這是豎屏,一般在醫院、學校中才能見到,暫且不談。

排名第二的是1920×1080,佔比13.07%。

1366×768排第三,佔比6.32%。這說明現在主流的電腦解析度是1920×1080。

排名第七的解析度,1024×768,是最小的電腦尺寸了,僅佔3.13%,很少有人使用。在做pc端的網頁設計時,不用考慮這個尺寸,而應在做pad端和手機端的適配時,將其納入考慮。

而更高級的響應式網站應該是在嚴格的柵格規范下,適應於不同寬度,確保各寬度下的展示效果。但這樣的成本也會相應增加,在開發網站時,需綜合考慮實際需求和開發成本。time(《時代周刊》官網)是個很好的響應式網頁案例。

(5)網頁設計字型大小用多少擴展資料

網頁設計中的注意事項:

1、網頁設計的尺寸標准:

面向1024-768顯示器解析度開發的網頁尺寸,寬910px;

面向800-600顯示器解析度開發的網頁尺寸,寬778px;

2、網頁設計中的畫布設定:

尤其注意解析度為72 像素/英寸。

3、設計中的網頁字體問題

中文字體:尤其注意「設置消除鋸齒的方法」選項要選擇「無」。

宋體是最常用的網頁字體,12px 是中文操作系統可以表現的最小的字體,內容。

文字大小一-般用兩種,12px 或14px(現在的新的vista據說能表現10px的中文字,但現在使用並不多)。

英文字體:其中英文字體最小表現為10px 字verdana字體是大多數網頁使用的英文字體,比起arial字體更美觀和均衡。

效果圖:

網頁效果圖中的網頁字體,雖然在最後製作網頁的過程中不需要裁剪。但做為設計中不可分割的重要元素,一定要認真使用,因為你不單要設計文字與整體網頁的關系,還要設計字體的樣式表顏色。

6、一般網頁設計用的是幾號字 什麼字體呢?

但是現在的網頁 主要的字體還是宋體 字體的基本大小(頁面中闡述內容的文字)是12px

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

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

8、網頁設計的基本要素是什麼?一般網頁的尺寸,字體等方面的要求是多少?

網站設計基本要素有九項:整體布局,有價值的信息,速度,圖形和版面設計,文字的可讀性,網頁標題的可讀性,網站導航,保護個人信息聲明,詞語准確.

參考資料:http://www.obpo.com/Obpobbs/

一般網頁的尺寸:800*600相素的設置為寬760
1024*768的寬為1000
如要做一個全屏的引導頁 ,是1000*600剛好能全屏,但是普通的頁面寬最好是760 這樣兩種解析度的都不會出現橫向的滾動條了

字體看個人所好了

9、網頁設計 中文一般用的字體大小,一般怎麼設置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、最後運行,如下圖所示,就完成了。

與網頁設計字型大小用多少相關的知識