6 27學習筆記

2021-10-07 13:41:04 字數 2772 閱讀 8844

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 語句。執行你所編寫的更新...