導航:首頁 > 萬維百科 > 網頁設計代碼字體屬性

網頁設計代碼字體屬性

發布時間:2020-12-14 08:35:20

1、下面哪些屬性可以對html網頁製作中對網頁文字進行修飾

方法/步驟
1
word-spacing
控制單詞間隔
請注意,只是單詞間隔
<style>.alsp{ word-spacing:50px;}</style>

2
OK,來看看網頁效果。
只有單詞才會適用於該間隔,中文是不會使用該樣式的。

letter-spacing
字元間隔,用於控制字元與字元之間的間距
<style>.alsp{ letter-spacing:50px;}</style>

看下網頁效果圖,所有的字元,無論單詞、字母、中文漢字等都分開了。

text-decoration
文字修飾。
none:默認值
underline:添加下劃線
overline:添加上劃線
line-through:添加刪除線
blink:添加閃爍效果
看代碼:
<style>.alsp{ text-decoration:underline;}</style>

網頁效果展示,已經添加了下劃線

text-align
設置文本的水平對齊方式
left:左對齊
right:右對齊
center:居中對齊
justify:兩端對齊
舉例:
<style>.alsp{ text-align:center;}</style>

看網頁效果,已經居中了

text-indent
文本縮進。控制整體向右縮進
例:
<style>.alsp{ text-indent:30px;}</style>

看網頁效果圖,已經像右縮進了

line-height
文本行高,行高可以設置為長度、倍數、百分比
例:
<style>.alsp{ line-height:50px;}</style>

從網頁效果來看,其行高已經可以改變,並且為50px

2、網頁設計中,font 如何 精確 字體大小?

你好!你現在的size是html中的字體尺寸,這種不適合在頁面中作設置,這樣會影響整體字體大小的效果。你是好的方法就是要用CSS來做字體大小,這樣會很精確地做到。通常情況下,字體大小都是像素px為單位,用CSS來做設置的話,那如下例所示:
字體設置成為宋體12像素字體:.px12{font-family:宋體; font-size:12px}
那如何調用:<font class="px12">這是設置宋體12像素字體效果</font>
直接寫入頁面也是同樣達到效果,方法為:<font style="font-family:宋體; font-size:12px"></font>
那樣你字體大小就可以很好地精確起來,就不會一下子這么大這么難看了,你可以試一下。
希望我的回答能令你滿意!

3、網頁設計中一般用什麼字體?

用默認的比較多,微軟雅黑也不錯

4、網頁設計字體滾動代碼?

文字滾動是由<marquee></marquee>控制的。marquee的參數如下:

1、方向 <direction=#> #=left, right
如:<marquee direction=left>啦啦啦,我從右向左移!</marquee>
<marquee direction=right>啦啦啦,我從左向右移!</marquee>

2、方式 <bihavior=#> #=scroll, slide, alternate
如:<marquee behavior=scroll>啦啦啦,我一圈一圈繞著走!</marquee>
<marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee>
<marquee behavior=alternate>啦啦啦,我來回走耶!</marquee>

3、循環 <loop=#> #=次數;若未指定則循環不止(infinite)
如:<marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟喲!</marquee>
<marquee loop=3 width=50% behavior=slide>啦啦啦,我只走 3 趟喲!</marquee>
<marquee loop=3 width=50% behavior=alternate>啦啦啦,我只走 3 趟喲!</marquee>

4、速度 <scrollamount=#>
如:<marquee scrollamount=20>啦啦啦,我走得好快喲!</marquee>

5、延時 <scrolldelay=#>
如: <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>

6、對齊方式(Align) <align=#> #=top, middle, bottom
如:<font size=6>
<marquee align=# width=400>啦啦啦,我會移動耶!</marquee>
</font>
7、底色 <bgcolor=#>
#=rrggbb 16 進制數碼,或者是下列預定義色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

如:<marquee bgcolor=aaaaee>啦啦啦,我會移動耶!</marquee>

8、面積 <height=# width=#>
如:<marquee height=40 width=50% bgcolor=aaeeaa> 啦啦啦,我會移動耶!</marquee>

9、空白(Margins)<hspace=# vspace=#>

<marquee id="scrollarea" direction="up" scrolldelay="10" scrollamount="1" width="150" height="80" onmouseover="this.stop();" onmouseout="this.start();">
------------------------------------------------------------------------------------------------------------------------------

<marquee></marquee>

以下是一個最簡單的例子:

代碼如下:

<marquee><font size=+3 color=red>Hello, World</font></marquee>

下面這兩個事件經常用到:

onMouseOut="this.start()" :用來設置滑鼠移出該區域時繼續滾動

onMouseOver="this.stop()":用來設置滑鼠移入該區域時停止滾動

代碼如下:

<marquee >onMouseOut="this.start()" :用來設置滑鼠移出該區域時繼續滾動 :用來設置滑鼠移入該區域時停止滾動</marquee>

這是一個完整的例子:

代碼如下:

<marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" >

這是一個完整的例子

</marquee>

該標簽支持的屬性多達11個:

align

設定<marquee>標簽內容的對齊方式

absbottom:絕對底部對齊(與g、p等字母的最下端對齊)

absmiddle:絕對中央對齊

baseline:底線對齊

bottom:底部對齊(默認)

left:左對齊

middle:中間對齊

right:右對齊

texttop:頂線對齊

top:頂部對齊

5、網頁設計中的動態字體的代碼是什麼?

給你推介個網站js.alixixi.com

6、網頁設計中css樣式中的font屬性與font-family屬性有什麼區別?

font是字體的屬性 font-name= "Verdana":ASP.NET中的用法 font-family:CSS樣式中的用法 Verdana:是一種字體的名稱,與常見的「宋體」、「隸書」……等屬於同一類。 你可以看一下一些常用文字編輯軟體的字體設置里就有這一字體。 font-name:這組詞的意思是將要指定使用什麼字體,用什麼字體在等於號(「=」)後面指定字體的名稱。 font-family:與font-name的作用完全一樣,只不過它是在網頁中的CSS樣式中的叫法。

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、網頁設計中最常用的字體有哪些

字體設計的原則是:可辨識性和易讀性。
一般中文建議使用微軟雅黑,英文使用arial字體。常用的字型大小大小有以下幾種:12px、14px、16px,但是不是絕對的,可以根據需求進行調整,但是字型大小規格不宜太多,會給人一種混亂的感覺,要注意層次的區別,或者通過改變顏色和粗細來體現美觀性。一般使用偶數字型大小。
另外有些字體,比如方正系列,會涉及到版權,謹慎使用。

9、網頁設計正規字體是什麼屬性?

用宋體.12像素號字

與網頁設計代碼字體屬性相關的知識