CSS3基本知識點總結 1

2021-09-29 09:33:15 字數 1966 閱讀 1153

1.css3邊框

邊框屬性:

border-radius:建立圓角邊框

box-shadow:附加乙個或者多個下拉框的陰影

border-image(不支援ie):使用影象建立乙個邊框

2.css3圓角

可以使用css3 圓角製作器來製作乙個css3圓角,可以直接生成**。

3.指定border-radius的每個圓角:

如果只指定乙個值,則生成四個圓角;若在每個角上指定,則使用如下規則:

四個值:四個值分別指定左上角、右上角、右下角、左下角。

三個值:第乙個值為左上角,第二個值為右上角和左下角,第三個值為右下角。

兩個值:第乙個值為左上角和右下角,第二個值為右上角和左下角。

乙個值:四個圓角值相同。

4.建立橢圓邊角:

border-radius: 50px/15px;

border-radius: 50%;

5.css3的背景:

1>css3 包含多個新的背景屬性,它們提供了對背景更強大的控制。

background-origin屬性規定背景的定位區域。

3>.css3 多重背景:css3 允許您為元素使用多個背景影象。

例項為 body 元素設定兩幅背景:

body

新的背景屬性:|屬性

描述background-clip

規定背景的尺寸。

background-origin

規定背景的定位區域。

background-size

規定背景的尺寸。

6.css3漸變

漸變可以讓我們在兩個或者多個顏色之間顯示平穩的過渡。

1>兩種型別的漸變:

linear gradients:線性漸變-向下/向上/向左/向右/對角方向

radial gradients:徑向漸變,由它們的中心定義

2>線性漸變:

語法:background:linear-gradient(direction, color-stop1, color-stop2, …);

線性漸變預設情況是從上到下。

從左到右的線性漸變:

#grad

3>從左上角開始到右下角的漸變:

設定方向為:left top/bottom right/to bottom right(標準語法下)

使用角度對方向進行設定:

這裡的角度是指水平線和漸變線之間的角度。so 0deg將建立乙個從下到上的漸變,90deg將建立乙個從左到右的漸變。

使用透明度:

支援透明度,用於建立減弱變淡的效果。

為了新增透明度,使用rgba()函式來定義顏色結點。rgba()函式中的最後乙個引數可以是從0到1的值,它定義了顏色的透明度:0表示完全透明,1表示完全不透明。

4>重複的線性漸變:

repeating-linear-gradient()函式用於重複的線性漸變。

徑向漸變:

我們可以指定漸變的中心、形狀(圓形或者橢圓形)、大小,預設

情況下,漸變的中心是center(表示在中心點),漸變的形狀是ellip

se(表示橢圓形),漸變的大小是farthest-corner(表示到最遠的角

落)。語法: background: radial-gradient(center, shape size, start-color, …, last-color);

顏色結點分布不均勻的徑向漸變:

#grad

5>size引數定義了漸變的大小,可以是以下四個值:

closest-side/farthest-side/closest-corner/farthest-corner
6>重複的徑向漸變:

reperting-radial-gradient()函式用於重複徑向漸變。

CSS3 知識點總結

1.border radius border radius設定的值越大,弧度越大,可以用具體數值10px來設定,也可以用20 百分比來設定 你也可以只設定乙個或其中幾個角的弧度,就像這樣 div 2.box shadow 用來設定乙個下拉陰影得框,語法如下 box shadow h shadow v...

CSS 基本知識點梳理

通過box sizing設定 box sizing context box 標準盒子模型 寬度 內容的寬度 content border padding margin box sizing border box 怪異盒模型 寬度 內容寬度 content border padding margin ...

網路基本知識點 1

一.網路基本概念入門 lan網也就是我們所說的區域網wan網也就是我們所說的廣域網 區域網 多數用於企業,校園等小型環境,相同位址段的終端裝置可以連在一起互相通訊。廣域網 比如跨地區通訊走的就是廣域網,範圍覆蓋面大,通訊區域廣。什麼是終端裝置 pc和伺服器 server 區域網 lan 相同位址段 ...