作業七

第一部分

1.屬性選擇器

next開頭

class="nextxx"
class="xxnext"
class="xxnextxx"

level結尾

class="levelxx"
class="xxlevel"
class="xxlevelxx"

包含rest

class="restxx"
class="xxrest"
class="xxrestxx"

連結類型

2.虛擬類別選擇器

~child

child1
child2
child3
child4
child5
child6

~of-type

p-1

p-2

h5-1

p-3

h5-2

h6-1

否定

li1
li2
li3
li4
li5

目標

飯類: 滷肉飯|雞肉飯|爌肉飯|滷雞排飯|炸雞排飯|雞腿飯
麵類: 陽春麵|意麵|榨菜肉絲麵|酸辣麵
小菜類: A菜|空心菜|高麗菜|大陸妹|地瓜葉

UI

第二部分

1. text-shadow

陰影
立體
描邊

2. background-clip, text-fill-color

ABCDEFG~HIJK~LMNOP...QRS TUV W X Y and Z

3.border-radius

兩兩一樣

四角不一1

四角不一2

4.box-shadow

基本陰影
內側陰影
重影設定

5. border-image

round
stretch
repeat

6. background-size

auto
cover
contain

7. linear-gradient/repeating-linear-gradient

(1) linear-gradient

2colors(top->bottom)
3colors(left->right)
3colors(150deg)

(2) repeating-linear-gradient

2colors(top->bottom)
2colors(left->right)
3colors(135deg)

8. radial-gradient/repeating-radial-gradient

(1) radial-gradient

circle closest-side at center
ellipse farthest-side at bottom
ellipse farthest-corner at left

(2) repeating-radial-gradient

circle closest-side at center
ellipse farthest-side at bottom
ellipse farthest-corner at left