Study 6 字型和段落屬性

2022-08-02 02:12:13 字數 1656 閱讀 2072

字型風格

陰影文字

text-shadow有四個屬性值:

第乙個表示陰影的水平位移,可取正負值;

第二個表示陰影的垂直位移,可取正負值;

第三個表示陰影的模糊半徑,不可為負值;

第四個表示陰影的顏色值。語法如下:

控制換行

normal 允許內容頂開指定的邊界

break-word 內容將在邊界內換行。

單詞間隔

字元間隔

文字修飾

none 預設值,對文字不進行任何修飾

underline 下劃線

blink 閃爍

overline 上劃線

line-through 刪除線

垂直對齊

垂直對齊方式屬性值如下表:

屬性值 說明

baseline 預設,元素放置在父元素的基線上

sub 垂直對齊文字的下標

super 垂直對齊文字的上標

top 把元素的頂端與行中最高元素的頂端對齊

text-top 把元素的頂端與父元素字型的頂端對齊

middle 把此元素放置在父元素的中部

bottom 把元素的頂端與行中最低的元素的頂端對齊

text-bottom 把元素的底端與父元素字型的底端對齊

length 設定元素的堆疊順序

% 使用"line-height"屬性的百分比值來排列此元素。允許使用負值

水平對齊

水平對齊方式屬性值如下表:

屬性值 說明

start 文字向行的開始邊緣對齊

end 文字向行的結束邊緣對齊

left

right

center

justify 文字根據text-justify的屬性設定方法分散對齊。即兩端對齊,均勻分布

match-parent 繼承父元素的對齊方式,但有個例外:繼承的start或者end值是根據父元素的direction值進行計算的,因此計算的結果可能是left或者right

string是乙個單個的字元,否則,就忽略此設定。按指定的字元進行對齊。如果沒有設定字元,則預設是end方式。

inherit 繼承父元素的對齊方式

文字縮排

文字行高

處理空白

屬性值 說明

normal 預設。空白會被瀏覽器忽略

pre 空白會被瀏覽器保留

nowrap 文字不會換行

pre-wrap 保留空白符序列,但是正常的進行換行

pre-line 合併空白符序列,但是保留換行符

inherit 規定應該從父元素繼承white-space屬性的值

文字反排

unicode-bidi:normal | bidi-override | embed

direction:ltr | rtl | inherit

3 字型樣式,分隔線與段落

字型大小 字型大小通過font標籤的size屬性限制,取值為 1,7 font標籤實際上也是內嵌的html標籤 字型大小 效果 字型大小 字型大小也可以通過內嵌html的span標籤的font size屬性修改,理論上沒有大小上限限制,因為是畫素取值 font size 24px 和size 5幾乎...

DirectX 基礎學習系列6 字型

directx9自帶id3dxfont類 內部呼叫gdi的介面,效率一般,但能夠處理一些複雜的字型 hresult d3dxcreatefontindirect lpdirect3ddevice9 pdevice,const d3dxfont desc pdesc,lpd3dxfont ppfont...

CSS語法手冊(一)字型屬性

css語法手冊 一 字型屬性 動態網製作指南 knowsky.1 font family 功能 用於改變html標誌或元素的字型,你可設定乙個可用字型清單。瀏覽器由前向後選用字型。語法 例子 2 font style 功能 使文字顯示為扁斜體或斜體等表示強調 數值 normal 正常 italic ...