CSS3學習筆記1 顏色新屬性

2021-10-23 09:14:27 字數 448 閱讀 6867

- 1、css2顏色的表示方法:顏色名、十六進製制、rgb、transparent.

```css

color:red;

background-color:#eee;

color:rgb(22,33,0);

border-color:transparent;

- 2、css3新增方法:

(1)、rgba——  r:red,g:green,b:blue,a:alpha

r,g,b的取值範圍:0-255,其中a表示透明度通道,取值0-1之間。0-完全透明,1-完全不透明。

```css

color:rgba(22,22,22,.5);    

```(2)、hsla——   h:hue(色調),s:saturation,l:lightness,a:alpha

hue-色度,取值0-360,0或者360表示紅色,

CSS3學習筆記(新屬性)

1.邊框 圓角邊框 加陰影和用繪製 新增加 border radius box shadow border image div12.背景 新增加 background size background origin background clip div13 陰影 可以分為box shadow和tex...

css3新屬性學習

box size width 這樣就可以讓我們不必要再去計算盒子增減內邊距後有沒有撐開什麼的,因為無論內邊距如何變化,盒子的大小始終只會等於width。filter blur 5px 濾鏡,css3為我們增加了濾鏡效果,當括號中的數值越大,則越模糊。width calc 100 30px 可以自動計...

CSS3學習筆記(三) 顏色

1 alpha透明度引數 body2 漸變色彩 gradient 線性漸變 linear 向下 向上 向左 向右 對角方向 徑向漸變 radial 由它們的中心定義 線性漸變 預設從上到下 語法 至少定義兩種顏色結點 background linear gradient direction,colo...