文字格式化

2021-07-11 02:13:48 字數 2402 閱讀 6469

1、文字格式化

1、字型相關

1、指定字型

屬性:font-family

取值:字型值列表

語法:font-family:value1,value2,value3 ...;

eg :

font-family:"microsoft yahei",arial,times;

2、字型大小

font-size: px/pt;

頁面常用字型大小:

12px

18px

36px

3、字型加粗

效果等同於

屬性:font-weight

取值:normal / bold / value

value : 沒有單位的數字

400 - 900

400 --> normal

900 --> bold

4、字型樣式

效果等同於 斜體 

屬性:font-style

取值:normal / italic

5、小型大寫字母

屬性:font-variant

取值:normal / small-caps;

6、字型屬性

將所有的字型相關屬性放在乙個宣告中

屬性:font

取值:font-style font-varaint font-weight font-size font-family;

eg :

font:italic small-caps bold 12px "microsoft yahei",arial;

font:bold 12px/24px "microsoft yahei",arial;

12px(文字大小)/24px(行高)

font-size:12px;

2、文字格式

1、文字顏色

屬性:color

取值:顏色單位值

2、文字排列

效果等同於

水平對齊方式

屬性:text-align

取值:left / center / right  / justify

注意:該屬性對 行內元素 沒有效果

hello world

3、文字修飾(線條)

屬性:text-decoration

取值:none / underline(下劃線) / overline(上劃線) / line-through(刪除線)

4、行高

1、什麼是行高

當前元素內"一行"資料的高度是多少。如果行高的高度大於文字的高度,那麼該行文字會在當前的行高範圍內呈"垂直居中"狀態顯示

2、屬性 

line-height

取值:以px為單位的數字

3、首行文字縮排

屬性:text-indent

取值:以px為單位的距離

eg : text-indent:24px;

4、文字陰影

屬性:text-shadow

取值:h-shadow v-shadow blur color;

2、**屬性

1、**常用屬性

1、尺寸屬性

width , height

2、內邊距

padding

3、邊框

border 

/*只給**設定邊框,單元格沒有*/

table

/*單元格邊框,與**無關*/

td4、文字格式化

font-*

text-*

5、背景屬性

background-*

6、vertical-align 

垂直對齊方式

取值:top / middle / bottom

2、**特有樣式

1、邊框合併(重要)

屬性:border-collapse

取值:     separate : 預設值,分離邊框

collapse : 邊框合併

2、邊框邊距

相當於 td 的外邊距

屬性:border-spacing

取值:      1個值 :水平 和 垂直間距是相同的

2個值 :第乙個值表示水平間距,第二個值表示垂直間距

注意:1、只有**在分離邊框模式下,border-spacing 才會起到作用

2、該屬性加在table中

3、顯示規則

如何布局或顯示/解析乙個table 。定義載入**的演算法

屬性:table-layout

取值:   auto : 自動**布局,預設值,列的寬度是由單元格的內容來決定的。

fixed : 固定**布局,列的寬度是**寬度和列寬度一起決定的。

固定**布局,演算法較快,但是不太靈活

自動**布局,演算法較慢,能夠反映傳統的**特點

文字格式化

文字格式化 文字格式化主要包括控制字型以及文字格式,字型包含大小 加粗 字型系列等 文字格式包含文字顏色 文字排列和文字縮排等 1 字型屬性 font family 指定字型 value,value1,value2,其中vlaue value1 value2表示字型的名稱,按優先順序進行排列,以逗號...

HTML 文字格式化

html 使用標籤與對輸出的文字進行格式,如 粗體or 斜體 這些html標籤被稱為格式化標籤 請檢視底部完整標籤參考手冊 通常標籤替換加粗標籤來使用,替換 標籤使用。然而,這些標籤的含義是不同的 與定義粗體或斜體文字。或者 意味著你要呈現的文字是重要的,所以要突出顯示。現今所有主要瀏覽器都能渲染各...

HTML 文字格式化

1.定義粗體 bold 用標籤 2.定義大號字 標籤 3.定義著重文字 emphasized 標籤 4.定義斜體字 italic 標籤 5.定義小號字 small 標籤 6.定義加重語氣 strong 標籤 7.定義下標字 subscript 標籤 8.定義上標字 superscript 標籤 9....