HTML CSS 文字相關屬性

2021-08-27 16:26:11 字數 1852 閱讀 5999

重點內容規定文字樣式的屬性

格式:font-style: italic;

取值:

normal:正常的(預設值)

italic:傾斜的

快捷鍵(軟體:dw):

輸入fs,自動生成 font-style: italic;

輸入fsn,自動生成 font-style: normal;

規定文字粗細的屬性

格式:font-weight: bold;

取值:

bold 加粗

bolder 比加粗還粗

lighter 細線(預設)

快捷鍵(軟體:dw):

輸入fw,自動生成font-weight: bold;

輸入fwb,自動生成font-weight: bold;

輸入fwbr,自動生成font-weight: bolder;

(數字取值:100-900之間整百的數字,例如:font-weight: 300)

規定文字大小的屬性

格式:font-size: 30px;

單位:px(畫素pixel)

注意點:通過font-size設定大小一定要帶單位px;

規定文字字型的屬性

格式:font-family:」微軟雅黑」;

注意點:

<1>如果取值是中文,需要用雙引號或者單引號括起來。

<2>設定的字型必須是使用者電腦裡面已經安裝的字型。

快捷鍵(軟體:dw)

ff font-family: ;

以上四種屬性可採用縮寫格式:

font: style weight size family;

例如:

font: italic bold 10px 「楷體」;

注意點:

<1>在這種縮寫格式中有的屬性值可以省略:style和weight可以省略

<2>在這種縮寫格式中style和weight的位置可以交換

<3>在這種縮寫格式中有的屬性值是不可以省略的:style和weight不能省略

<4>size和family的位置是不能隨便亂放的,size一定要寫在family的前面,而且size和 family必須寫在所有屬性的最後

<1>如果設定的字型不存在,那麼系統會使用預設的字型(宋體)來顯示。

<2>如果設定的字型不存在,而我們又不想用預設的字型來顯示怎麼辦?

答:可以給字型設定備選方案

格式:font-family:」字型1」,」備選方案1」,…;

<3>如果想給中文和英文分別單獨設定字型,怎麼辦?

答: 但凡是中文字型,裡面都包含了英文;

但凡是英文本型,裡面都不包含中文;

即中文字型可以處理英文,而英文本型不能處理中文。

注意點:

(1)如果想給介面中的英文單獨設定字型,那麼英文的字型必須寫在中文的前面。(例如:font-family:」times new roman」, 「微軟雅黑」)

(2)企業開發中最常見的字型有以下幾個

中文:宋體/黑體/微軟雅黑

英文:」times new roman」/arial

(3)並不是名稱是英文的就一定是英文本型,中文字型其實都有自己的英文名稱,所以是不是中文字型主要看能不能處理中文。

宋體:simsum

黑體:simhei

微軟雅黑:microsoft yahei

HTML CSS 文字相關屬性

文字裝飾的屬性 格式 text decoration underline 取值 underline 下劃線 line through 刪除線 overline 上劃線 none 什麼都沒有,常見用途 用於去掉因超連結產生的下劃線 我是超連結,我會產生下劃線 快捷鍵 輸入td,自動生成text dec...

文字相關的屬性

一 text decoration屬性 文字樣式 下劃線 刪除線 上刪除線 1.下劃線 underline 我是段落 2.刪除線 line through 我是段落 3.上刪除線 overline 我是段落 4.無 none 我是段落1 我是段落1 效果圖 二 text align屬性 文字水平對齊...

CSS 4 文字相關屬性

1.color文字顏色三種表示 英語單詞 但是範圍太小了,工作中用得不多 例子 color red 單詞 red紅,blue藍,green綠,yellow黃,pin rgb方式設定 比例的範圍 0 255 例子 color rgb 255,0,0 color rgb 100 0 0 都要是百分號才行...