導航:首頁 > 萬維百科 > 網頁設計字體這么變大

網頁設計字體這么變大

發布時間:2020-11-11 03:15:02

1、請問網頁製作中點擊網站里的大字能讓字體變大,點擊小字能讓字體變小怎麼做........

<script>
function changeWordSize(size){
var contentTag=document.getElementById("contentText");
contentTag.style.fontSize=size+"px";
}
</script>

【字體顯示:<font onclick='changeWordSize(18)' style='cursor:hand'>大</font> <font onclick='changeWordSize(15)' style='cursor:hand'>中</font> <font onclick='changeWordSize(12)' style='cursor:hand'>小】
<div id="contentText">內容內容內容</div>

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

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

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

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

(2)網頁設計字體這么變大擴展資料:

網頁製作流程

1、引策劃

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

2、前台

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

3、後台

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

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

3、用dreamweaver製作網頁,當滑鼠經過鏈接字體變大和顏色改變如何設置?

這個是用樣式控制的,你可以到http://www.w3school.com.cn/css/css_link.asp這個地址去看看,講的很清楚,也很好理解,有問題在追問。

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

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

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、網頁製作 當滑鼠經過文字後字體會變大!在哪裡寫代碼代碼是什麼!!

把要做特效的內容放到一個<a></a>標簽裡面,然後給它設置一個css樣式:
a:hover{font-size:你想要的字體大小;}。
如果不想出現鏈接效果的話,可以把內容放到<span></span>標簽,然後用span:hover{font-size:你想要的大小;}也行。這兩種方法在IE7,8和Firefox上都可行。

如果要兼容杯具或者說餐具的IE6的話,只能用以下方法。
<a href="#" id="linkHover">你想出現效果的內容</a>
為了使得這個超鏈接表現得像普通文本內容,給這個超鏈接建立個樣式如下:
a {color:Black; text-decoration:none;cursor:default;}
a.hover, a:hover { font-size:你想要的字體大小; }

之後再用一段JS給它動態增加css樣式:
<script type="text/javascript">
<!--[if IE 6]>
document.getElementById('linkHover').onmouseover = function() {
this.className = "hover";
};
document.getElementById('linkHover').onmouseout = function() {
this.className = "";
}
<![endif]-->
</script>

至此,無論是Firefox,IE7,8還是杯具的IE6都能夠得到想要的效果了。

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

與網頁設計字體這么變大相關的知識