text- shadow屬性的使用方法
在css3我們可以是用text- shadow屬性給頁面上的文字潭加陰影效果,text- shadow在
css2.1的時候是被刪除了的乙個屬性,但是呢在3.0的css中又恢復了使用。
text-shadow的使用方法:
text- shadow = length length length color
第乙個ength表示的是陰影離開文字的構方向距離:
第二個length表示的是陰影離開文字的縱方向的距離;
第三個length表示的是陰影模斕半徑:
color表示的是陰暴泊的顏色。
2.位移距離
text-shadow所使用的引數中,前兩個引數是陰影離開文字的橫方向和縱方向的位移距離,使用的
時候必須指定這兩個引數
3、陰影的模糊半徑
text- shadow屬性的第三個磐數就是開影模糊半徑,代表陰影向外模糊時的模糊範圍。
4、陰影的顏色
text- shadow屬性的第四個引數就是繪製陰影時所使用的顏色,可以放在三個引數之前,也可以放
在之後。當沒有指定顏色值的時候,會使用color的頓色值。
5.指定多個陰影
我們可以使用text- shadow屬性來給文字指定多個陰影,並且針對每個陰影使用不同的顏色。指定
多個陰影的時候使用逗號「」將多個陰影進行分割。
1.瀏覽器文字自動換行
學習word- break之前我們先來看看瀏覽器對預設文字的換行處理方法。
2、指定自動換行的處理方法
在css3中可以使用word- break屬性來設定自動換行的處理方法。
值 換行規則 ies+ safan、chrome
normla 使用瀏覽器預設的規則 支援 支援
keep-all 只能在半形空格或連字元處理換行 支援 不支援
break-all 允許在單詞內換行 支援 指出
使用示例:
3、長單詞與url位址自動換行
在css3中,使用word- wrap屬性來實現長單詞和url的自動換行。
使用方法:
divword-wrap:屬性的屬性值有兩個
第乙個: normal
瀏覽器保持預設處理方式,只在半形空格或者是連字元的地方換行
第二個: break- word測覽器可以在長單詞或url位址內部進行換行。
1、在頁面上顯示伺服器端的字型
在css3中可以讀用o font- face屬性來利用服務暑端字型。
@font- face屬性的使用方法:
@font-face
font- family屬性值中使用webfont來宣告使用的是伺服器濮字型。
src屬性值中首先指定了字型檔案所在的路徑,format宣告字型檔案的格式,可以省略檔案格式的聲
明,單獨使用src屬性值.
可以使用的字型檔案格式: .
字型格式 字型屬性
otf opentype
ttf truetype
eot embedded-opentype
2、定義斜體或粗體字型
在定義字型的時候,可以把字型定義威斜體或者粗體,在使用服勞器服勞器端字型的時候,需賽根攔
是斜體還是粗體,使用不同的文字。
使用方法如下:
@font-face (
font- famil: webfont;
src: ur(字型1.ot);
}@font- face
h13、顯示客戶端本地的字型
@font- face除了可以顯示伺服器端的字型還可以顯示本地字型。
首先將font-tamily設定為本地的字型名,然後將src屬性設定為loca('字型")。
例如:ofont- face
4.屬性值的指定:
1)、font- family:設定文字的字型名稱。
2)。font-style: 設定文字樣式曲
取值: nomal不使用斜體
italic使用利體
oblique使用傾料體
inherit從父元素維承
3)、 font-variant:設定文字是否大小寫。
職值:normal使用瀾覽器預設值
smal-cap使用小型大寫字母
inhent從父元素繼承
4)、font-weight:設定文字的粗細。
取值:normal使用測覽器預設值
bold使用粗體
bolder使用更粗的字型
ilighter使用更細的字型
100- 900從細字型到粗,值必須是100的倍數,其中400等於normal, 700等同於bold-
. font-stretch;設定文字是否黃向的拉偉形。(ie及firefox已支援font-stretch, 但顯示
效果與正常文字並無不同。)
取值:normal:正常文字寬度
wider把伸賽比例設定為更進-步的伸震值;
narrower:把收縮比例設定為更進一步的收縮值;
ultra-condensed:比正常文字寬度窄4個基數;
extra- condensed:比正常文字寬鷹窄3個基數;
condensed:比正常文字寬度窄2個基數:
semi- condensed:比正常文字寬度窄1個基數1
semi-expanded:比正常文字寬度寬1個基數:
expanded:比正常文字寬度寬2個基數:
extra- expanded:比正常文字寬度寬3個基數;
ultra-expanded:比正常文字亮度寬4個基數:
6 27 考試總結
今天真是鬼畜的一場考試,考的是xjoi上的題目 第三題看完題解至今仍是一臉懵逼,完全不懂如何實現 話說出題人是怎麼想到把乙個二維問題三維化的owo 算了算了,前兩道題都是送分題,怪不得第三題這麼難 先說前兩題的題解把 首先第一題 我們可以預處理約數個數函式可以o 1 算出某個b對某個f的貢獻 然後我...
627 交換工資
給定乙個 salary 表,如下所示,有 m 男性 和 f 女性 的值。交換所有的 f 和 m 值 例如,將所有 f 值更改為 m,反之亦然 要求只使用乙個更新 update 語句,並且沒有中間的臨時表。注意,您必只能寫乙個 update 語句,請不要編寫任何 select 語句。例如 id nam...
627 交換工資
給定乙個 salary 表,如下所示,有 m 男性 和 f 女性 的值。交換所有的 f 和 m 值 例如,將所有 f 值更改為 m,反之亦然 要求只使用乙個更新 update 語句,並且沒有中間的臨時表。注意,您必只能寫乙個 update 語句,請不要編寫任何 select 語句。執行你所編寫的更新...