시리즈

CSS

1.CSS Basic

![](https://images.velog.io/images/minpark_123/post/cf9cd3e8-e44e-4e33-a7f4-7efb6e8461f9/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202020-12-10%20%E1%8...

2020년 12월 9일

2.Color System(RGB, Hexadecimal)

각각의 RGB(red,green and blue)는 0 에서 255의 범위를 가진다. 예를 들면, ![](https://images.velog.io/images/minpark_123/post/0a6daf12-a756-4a25-8a8d-55d5354a30a9/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B...

2020년 12월 9일

3.CSS Text Property, Size and Font

그 밖에 다른 많은 것들이 있으니 틈틈히 검색해서 보면 좋다. ![](https://images.velog.io/images/minpark_123/post/e3a66da6-1624-4dcf-9d6f-4f13f0976d21/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1...

2020년 12월 9일

4.CSS Selectors(id and class)

![](ht

2020년 12월 10일

5.CSS Selector(Descendent)

![](http

2020년 12월 10일

6.CSS Selectors(adjacent, direct and attribute)

![](http

2020년 12월 10일

7.Pseudo Class

2020년 12월 10일

8.Pseudo Element

2020년 12월 10일

9.CSS Specificity

만약 h1에 해당하는 css가 같다면, 더 나중에 표기된 css가 적용 되게 된다. 예를 들어, ![](https://images.velog.io/images/minpark_123/post/475e376e-b1ef-4ad3-b3cb-b9e9a0dfe5dd/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E...

2020년 12월 10일

10.Box Model (width&height, border&radius)

for e

2020년 12월 10일

11.Making Self Introduction page

![](ht

2020년 12월 10일

12.Box Model(Padding and Margin)

padd

2020년 12월 11일

13.CSS Display

![](http

2020년 12월 11일

14.CSS Unit( percentage)

![](http

2020년 12월 11일

15.CSS Unit(ems, rems)

![](http

2020년 12월 11일

16.Other Assorted Useful CSS Properties(rgba, opacity and position)

rgba and opacity ![](https://images.velog.io/images/minpark_123/post/e677eceb-509c-41fe-8494-4c0d6e57e233/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202...

2020년 12월 11일

17.CSS Transition

![](https://images.velog.io/images/minpark_123/post/d218b782-597c-4446-bf3b-3d04530cc70f/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202020-12-12%20%E1%8...

2020년 12월 12일

18.CSS Transform

여기에 tra

2020년 12월 12일

19. CSS Button Hover Effect

![](http

2020년 12월 12일