第三章 邊框

2021-07-10 03:58:40 字數 869 閱讀 7713

第三章 邊框

圓角效果 border-radius

值:n

說明:1.一般使用px單位,也可使用百分數和em,不過相容性較差。

2.與border相同,可單邊設定,如border-left-radius,也可縮寫border-radius,同時設定4個邊,也可以使用4個值,分別設定4個邊。

3.縮寫時,4個值的順序分別是左上角 右上角 右下角 左下角

4.半圓的實現方法:設定height為width值的一般,將2個角的border-radius值設定成》=height值。

5.實心圓的實現方法:設定height=width,將4個角的border-radius值都設定成height值的一半。

陰影 box-shadow

值:x軸偏移量 y軸偏移量 [陰影模糊半徑] [陰影擴充套件半徑][陰影顏色] [投影方式]

x軸偏移量:必需,outset時正值向右,負值向左。inset時相反。

y軸偏移量:必需,outset時正值向下,負值向上。inset時相反。

陰影半徑:可選,值為0時(預設)沒有任何陰影效果。

陰影擴充套件半徑:可選,值越大,模糊越厲害。

陰影顏色:可選,省略時預設為黑色。

投影方式:可選 (inset為向內,outset為向外,預設為outset)。

順序:投影方式寫在最前或最後,其它位置無效。

例,乙個陰影 p

多個陰影 p

為邊框應用影象 border-image

p 路徑:絕對路徑

repeat:一直重複,超出部分裁剪掉

round:鋪滿,可能被壓縮或拉伸

stretch:有多長 拉多長

說明:chrome下round和repeat的效果區別不大。

第三章 堆疊

1.基礎知識 堆疊可以實現很多的應用,遞迴的問題轉化成非遞迴形式,在本質上也是堆疊的問題.它是一種 filo 操作的資料結構,一般也有兩種儲存方式 陣列跟鍊錶實現形式,這裡我給出了鍊錶形式的堆疊模板,裡面包括了基本的堆疊所有的操作,還有兩個比較著名的應用例子,時間倉促,精力比較有限,關於迷宮老鼠還沒...

第三章 曙光

第三章 曙光 第二場校園招聘開始了。其實,洋對這個公司的不是很了解。因為前幾天突然在bbs上面看到了這個公司的招聘資訊,洋覺得這個公司不錯,就上網投了簡歷。接下來的乙個多小時,讓洋很震撼!想不到這個公司這個厲害,而且無論從哪方面來說,絕對不比之前的那個公司差。想不到自己的乙個不經意的決定到了這個大的...

第三章 遞迴

遞迴是一種強大的方法,它允許乙個物件以其自身更小的形式來定義自己。恐怕沒有什麼比觀察神秘的自然界中出現的遞迴現象更好的方法來體會遞迴的重要意義了。想想蕨類植物的葉子,每片葉子的小枝幹都是整片葉子的較小縮影 又或者兩個反光的物體,相互對映對方的漸遠的影像。這樣的例子使我們明白儘管大自然的力量是強大的,...