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 相同位址段 ...