css基礎(三) 字型控制

2021-08-21 08:30:49 字數 966 閱讀 1840

3.字型

1.text-overflow 與 word-wrap

text-overflow用來設定是否使用乙個省略標記(。。。)標示文字內溢位 

但是只能說明溢位時用什麼方式顯示,要實現省略號效果,必須定義一行內顯示(white-space:nowrap)以及溢位內容隱藏(overflow:hidden)

**如下:

如果要溢位時省略號顯示

text-overflow:ellipsis; 

overflow:hidden; 

white-space:nowrap; 

同時,word-wrap也可以用來設定文字行為,當前行超過制定容器的邊界是否斷開轉行 

normal為預設值,break-word設定在長單詞或者url位址內部進行換行(不常用,一般預設值即可)

2.嵌入字型

@font-face載入服務端字型檔案,讓瀏覽器端顯示電腦裡沒有安裝的字型

@font-face{

font-family:字型名稱;

src:字型檔案伺服器相對或絕對路徑

}這樣就可以像普通字型一樣在(font-*)中設定字型樣式

p 3.字型陰影text-shadow

語法:text-shadow:x-offset y-offset blur color;

x-offset:表示陰影水平方向偏移量,正值向右,負值陰影向左

y-offset:陰影垂直方向偏移量,正值陰影向下,負值陰影向上

blur:陰影的模糊程度,不能為負值,如果值越大,陰影越模糊,反之越清晰,不需要陰影模糊可以設定為0

color表示陰影顏色,可以使用rgba

CSS乾貨系列(三)字型

1.字型屬性,font family 為元素提供候選的先後順序列表,2.字型風格,屬性 font style 最常用於規定斜體文字。屬性有三個值 normal 文字正常顯示 italic 文字斜體顯示 oblique 文字傾斜顯示。3.小型大寫字母。font variant 屬性可以設定小型大寫字母...

css入門(三) 字型樣式

1.概述 a.文字樣式屬性主要包括字型 大小 粗細 顏色等放方面。font family 字型型別 font size 字型大小 高和寬 font weight 字型粗細 肥胖 程度 font style 字型斜體 color 顏色 2.font family font size font weig...

CSS入門筆記三 字型屬性font

在css中將字型的屬性全用font來來設定,我們常用的有以下屬性 1.字型系列 font family 後可跟多個值,但值之間需要用逗號隔開,當電腦無第乙個值的字型 如微軟雅黑 時會選擇第二個值的字型,若無第二個值的字型則會選擇第三個值,這樣依次往下選擇。2.字型大小 font size 屬性值是畫...