移動端第五章字型

2021-10-09 20:20:59 字數 2601 閱讀 4500

1:文字陰影

text-shadow:x y blur color, …

引數x 橫向偏移

y 縱向偏移

blur 模糊距離

color 陰影顏色

文字陰影如果加很多層,會很卡很卡很卡

例子:層疊:color:red; font-size:100px; font-weight:bold; text-shadow:2px 2px 0px white, 4px 4px 0px red;

光暈:color:white; font-size:100px; text-shadow:0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de;

火焰文字:text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606, 0 -80px 70px #973716, 10px -90px 80px #451b0e; font-family:verdana, geneva, sans-serif; font-size:100px; font-weight:bold; color:white;

"text/css"

>

p<

/style>

<

/head>

通天塔<

/p>

<

/body>

2:文字描邊

webkit-text-stroke:寬度 顏色
"text/css"

>

p<

/style>

<

/head>

通天塔<

/p>

<

/body>

3:文字排列

direction  定義文字排列方式(全相容)

rtl 從右向左排列

ltr 從左向右排列

注意要配合unicode-bidi:bidi-override; 一塊使用

4:省略號

/單行文字省略號/

p
"text/css"

>

div<

/style>

<

/head>

吞吞吐吐拖拖拖拖拖拖拖拖拖拖拖拖拖<

/div>

<

/body>

/多行文字省略號/p

"text/css"

>

divp

<

/style>

<

/head>

吞吞吐吐拖拖拖拖拖拖拖拖拖拖拖拖拖吞吞吐吐拖拖拖拖拖

拖拖拖拖拖拖拖拖吞吐吐拖拖拖拖拖拖拖拖拖拖拖拖拖吞吐吐

拖拖拖拖拖拖拖拖拖拖拖拖拖吞吐吐拖拖拖拖拖拖拖拖拖拖拖

拖拖吞吐吐拖拖拖拖拖拖拖拖拖拖拖拖拖吞吐吐拖拖拖拖拖拖

拖拖拖拖拖拖拖吞吐吐拖拖拖拖拖拖拖拖拖拖拖拖拖吞吐吐拖

拖拖拖拖拖拖拖拖拖拖拖拖吞吐吐拖拖拖拖拖拖拖拖拖拖拖拖

拖吞吐吐拖拖拖拖拖拖拖拖拖拖拖拖拖吞吞吐吐拖拖拖拖拖拖拖拖拖拖拖拖拖<

/p>

<

/div>

<

/body>

5: 自定義字型型別

@font-face
"text/css"

>

div@font-face

<

/style>

<

/head>

asdfghjk<

/div>

<

/body>

6:字型圖示 icon

"stylesheet" type=

"text/css" href=

"font/iconfont.css"

/>

"text/css"

>

.icon_t

.zanting

<

/style>

<

/head>

="icon iconfont icon_t"

>

<

/p>

="icon iconfont icon-zanting zanting"

>

<

/p>

<

/body>

《CSS揭秘》第五章 字型排印

在雜誌和書籍中,經常可以見到兩端對齊效果。但是在網頁設計中,兩端對齊效果很少被使用。原因是會帶來糟糕的顯示問題。在css第三版中,引入了乙個屬性hyphens none,manual,auto jsfiddle 注 使用chrome瀏覽器測試均不正常。使用safari瀏覽器測試正常 考慮如下 nam...

python第五章 Python學習(第五章)

記錄所有的名片字典 card list defshow menu 顯示資訊 print 50 print 歡迎使用 名片管理系統 v1.0 print print 1.新增名片 print 2.顯示全部 print 3.搜尋名片 print print 0.退出系統 print 50 defnew ...

第五章 雜湊

雜湊表adt,只支援二叉樹查詢所允許的一部分操作。比如插入,刪除,查詢等。那些需要元素間排序資訊的操作將不會得到支援。比如findmin,findmax和線性時間按排序順序列印整個表的操作時不支援的。雜湊函式在理想狀態是能將任何兩個不同的關鍵字對映到不同的單元,但是這是不可能,因為關鍵字是無窮的,但...