當前位置：首頁 » 編程語言 » html5設置字體

html5設置字體

發布時間: 2021-03-25 11:28:23

㈠ html5不用font怎麼設置字體顏色

html5不用font為字體設置顏色的方法：

1、定義要設置的文字范圍，並用span標簽包圍

2、編寫span的class，定義color屬性。

html代碼如下：

這是一個測試 顏色 的例子

css編寫如下：

.redText

{

color: red;

}

運行效果：

㈡ html怎麼設置字體顏色

HTML主要是用來寫頁面布局的，過程中經常需要設置頁面某些字體的顏色，通常有三種常見方式可以進行自定義設置：

1、通過外部CSS樣式來設置。可以在head標簽中增加style樣式，在body中的其他標簽，如h1，p，div等開始標簽中，增加class="上述style中定義的名稱，如blue"即可。代碼實現如下：

(2)html5設置字體擴展閱讀

HTML網頁上定義字體大小有常見三種單位，分別是：px、em、pt。

1、px是pixel縮寫，是基於像素的單位.在瀏覽網頁過程中，屏幕上的文字、圖片等會隨屏幕的解析度變化而變化，一個100px寬度大小的圖片，在800×600解析度下，要佔屏幕寬度的1/8，但在1024×768下，則只佔約1/10。所以如果在定義字體大小時，使用px作為單位，那一旦用戶改變顯示器解析度從800到1024，用戶實際看到的文字就要變「小」（自然長度單位），甚至會看不清，影響瀏覽。

2、em即％，是相對單位，是一個相對長度單位，最初是指字母M的寬度，故名em。現指的是字元寬度的倍數，用法類似百分比，如：0.8em, 1.2em,2em等。通常1em=16px。，一般用來測量長度的通用單位(例如元素周轉的頁邊空白和填充),當用於指定字體大小時,em單位是指父元素的字體大小。

3、pt是point(磅)縮寫，是一種固定長度的度量單位,大小為1/72英寸。如果在web上使用pt做單位的文字，字體的大小在不同屏幕（同樣解析度）下一樣，這樣可能會對排版有影響，但在Word中使用pt相當方便。因為使用Word主要目的都不是為了屏幕瀏覽，而是輸出列印。當列印到實體時，pt作為一個自然長度單位就方便實用了：比如Word中普通的文檔都用「宋體 9pt」，標題用「黑體 16pt」等等，無論電腦怎麼設置，列印出來永遠就是這么大。

參考資料

網路：HTML

㈢ HTML設置字體格式的代碼

HTML標簽：
粗體格抄式
斜體格式
小字體格式

這一段的字體大小的值是2。
這一段的字體是arial。

文字下標格式
文字上標格式

CSS格式：
#span1 {font-weight:bold; /*粗體*/ font-size:16px;/*字體大小*/ font-family:arial;/*字體為arial*/ color:#ff0000;/*顏色紅色*/ background-color:#fffff/*背景色白色*/ }

㈣ HTML中h1中怎麼設置字體為宋體

HTML中h1標簽設置字體使用「font－family」，將h1的字體樣式設置為「font－family：『宋體』」，即可，這時h1標簽回內容顯示的字體就答是宋體了。

具體代碼如下：

<style>

h1｛

font－family：宋體；

font－weight：normal；

｝

</style>

（註：h1標簽的字體不設置新的字體時，默認的字體就是宋體，所以若需要設置h1字體為宋體時，是不需要修改的，其原本默認就是宋體。）

(4)html5設置字體擴展閱讀：

H1標簽其他字體樣式

1、font 簡寫屬性。作用是把所有針對字體的屬性設置在一個聲明中。

2、font－size：設置字體的尺寸。

3、font－size－adjust：當首選字體不可用時，對替換字體進行智能縮放。（CSS2．1 已刪除該屬性。）

4、font－stretch：對字體進行水平拉伸。（CSS2．1 已刪除該屬性。）

5、font－style：設置字體風格。font－variant 以小型大寫字體或者正常字體顯示文本。

6、font－weight：設置字體的粗細。

㈤ HTML里怎麼設置字體大小

在css之前html中文字設置字體，通常直接對文字使用font標簽設置字體大小樣式。

1、html文字大小font語法專結構

<fontsize="2">我字體屬大小為2

解釋：直接使用font標簽內設置size設置字體大小，需要注意不能帶單位，一般2相當於12px，3相當於14px大小以此類推。

2、html font字體大小案例html源代碼

<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>在線演示DIVCSS5</title></head><body><fontsize="2">在線演示測試<fontsize="4">文字，歡迎訪問DIVCSS5學習網站！</body></html>

3、案例截圖

㈥ html常用的字體樣式

font-family:'Microsoft YaHei'。

1、網頁字體樣式華文黑體：STHeiti

2、網頁字體樣式華文楷體：STKaiti

3、網頁字體樣式華文宋體：STSong

4、網頁字體樣式華文仿宋：STFangsong

5、網頁字體樣式黑體：SimHei

6、網頁字體樣式宋體：SimSun

7、網頁字體樣式新宋體：NSimSun

8、網頁字體樣式仿宋：FangSong

9、網頁字體樣式楷體：KaiTi

10、網頁字體樣式仿宋_GB2312：FangSong_GB2312

11、網頁字體樣式楷體_GB2312：KaiTi_GB2312

12、網頁字體樣式微軟正黑體：Microsoft JhengHei

13、網頁字體樣式微軟雅黑體：Microsoft YaHei

14、網頁字體樣式隸書：LiSu

15、網頁字體樣式幼圓：YouYuan

16、網頁字體樣式華文細黑：STXihei

17、網頁字體樣式華文楷體：STKaiti

18、網頁字體樣式華文宋體：STSong

19、網頁字體樣式華文中宋：STZhongsong

20、網頁字體樣式華文仿宋：STFangsong

21、網頁字體樣式方正舒體：FZShuTi

22、網頁字體樣式方正姚體：FZYaoti

23、網頁字體樣式華文彩雲：STCaiyun

24、網頁字體樣式華文琥珀：STHupo

25、網頁字體樣式華文隸書：STLiti

26、網頁字體樣式華文行楷：STXingkai

27、網頁字體樣式華文新魏：STXinwei

(6)html5設置字體擴展閱讀

html內容描述

<h1></h1> 最大的標題（一號標題）

<pre></pre> 預先格式化文本（英文全稱：PREformatted）

下劃線（英文全稱：Underline）

黑體字（英文全稱：Bold）

斜體字（英文全稱：Italics）

<tt></tt>打字機風格的字體

<cite></cite>引用，通常是斜體

強調文本（通常是斜體加黑體、英文全稱：EMphasize）

加重文本（通常是斜體加黑體）

設置字體大小從1到7，顏色使用名字或RGB（中文全稱：紅綠藍）的十六進制值

<BASEFONT></BASEFONT>基準字體標記

<big></big> 字體加大

字體縮小

<DELECT></DELECT> 加刪除線

<CODE></CODE>程式碼

<KBD></KBD>鍵盤字（英文全稱：KeyBoarD）

<SAMP></SAMP> 範例（英文全稱：SAMPle）

<VAR></VAR> 變數（英文全稱：VARiable）

<BLOCKQUOTE></BLOCKQUOTE> 向右縮排（向右縮進、塊引用）

<DFN></DFN> 述語定義（英文全稱：DeFiNe）

<ADDRESS></ADDRESS>地址標記

上標字（英文全稱：SUPerscript）

下標字（英文全稱：SUBscript）

<xmp>...</xmp>；固定寬度字體（在文件中空白、換行、定位功能有效）

<plaintext>...</plaintext>；固定寬度字體（不執行標記符號）

<listing>...</listing> 固定寬度小字體

...；字體顏色

...；字體大小等於1（最小）。

...；字體樣式等於無限增大（100像素）

㈦ html中如何在中設置字體樣式（粗體斜體等）

<!DOCTYPEhtml>
<htmllang="zh">
<head>
<metacharset="UTF-8">
<title>字體加粗</title>
<styletype="text/css">
*{
margin:0;
padding:0;
}

p{
text-align:center;
margin:16px0;
}

em{
/*去掉字體樣式*/
font-style:normal;
}

p.strong:nth-child(1){
font-weight:normal;
}

p.strong:nth-child(2){
font-weight:bold;
}

p.strong:nth-child(3){
font-weight:bolder;
}

p.strong:nth-child(4){
font-weight:lighter;
}

p.strong:nth-child(5){
/*等同於bold*/
font-weight:700;
}
p>em:only-child{
font-style:italic;
}
</style>
</head>
<body>
<hr>
<p>用&lt;b&gt;加粗字體：<b>加粗</b></p>
<hr>
<p>用&lt;strong&gt;加粗字體：<strong>加粗</strong></p>
<hr>
<pclass="strong">用CSSfont-weight加粗<em>normal(400)</em>,&nbsp;<em>bold(700)</em>
,&nbsp<em>bolder</em>,&nbsp<em>lighter</em></p>
<hr>
<p>用&lt;i&gt;斜體字體：<i>斜體</i></p>
<hr>
<p>用font-style:italic;斜體字體：<em>斜體</em></p>
<hr>
<p>用&lt;i&gt;斜體字體：<em>斜體</em></p>
</body>
</html>

可以自行試一下！！！

效果圖

㈧ HTML里怎麼設置字體顏色

1、新建html文件和css文件

①在桌面新建一個文件夾，然後新建兩個text文件；

②分別將text文件重命名為index.html和css.css。

㈨怎麼修改html5的顯示文字大小

設置html5中字體的大小,首先需要理解是css中的font屬性，通過font-size來改變字體的大小，設置的方式，一般都是通過給這個元素的一個id或者是class來設置，具體看下面代碼：
<html>
<head>
<style>
#round{
width:400px;
height:200px;
}

#round p{
color:#f00; //設置字體顏色為紅色；
}

</style>
</head>
<body>
<div id="round">
測試文字
</div>
</body>
</html>

閱讀全文

html5設置字體

(2)html5設置字體擴展閱讀

參考資料

與html5設置字體相關的閱讀推薦