학원/CSS

11-17. 간단 요약

TaemTaem 2020. 4. 7. 10:39

[ 목차 ]

11장. 벤더 프리픽스

12장. 그림자

13장. 그레이디언트

14장. 트랜지션

15. 애니메이션

16. 트랜스 폼

17. 웹디자인 타이포그래피

 

< 중요한 내용이 아니기 때문에 간단히 Pass > 

 

11장. 벤더 프리픽스

1) css 표준으로 확정되기 이전 또는 브라우저 개발사가 실험적으로 제공하는 기능을 사용하기 위한 것

https://poiemaweb.com/css3-vendor-prefix

 

12장. 그림자

1) 텍스트나 요소에 그림자 효과를 부여하기 위한 프로퍼티 선언

2) text-shadow : 텍스트에 그림자 효과를 부여

3) box-shadow : 요소에 그림자 효과를 부여

https://poiemaweb.com/css3-shadow

 

13장. 그레이디언트

1) 2가지 이상의 색상을 혼합하여 부드러운 색감의 배경 등을 생성하는 것

2) 선형 그레이디언트와 방사형 그레이디언트 두 가지 종류가 존재

https://poiemaweb.com/css3-gradient

 

14장. 트랜지션

1) css 프로퍼티의 값이 변화할 때 프로퍼티의 값의 변화가 일정 시간에 걸쳐 일어나도록 하는 것

https://poiemaweb.com/css3-transition

 

15. 애니메이션

1) html 요소에 적용되는 css 스타일을 다른 css 스타일로 부드럽게 변화

2) css 스타일과 애니메이션의 sequence를 나타내는 복수의 키프레임들로 구성

https://poiemaweb.com/css3-animation

 

16. 트랜스 폼

1) 요소에 이동, 회전, 확대축소, 비틀기 효과를 부여하기 위한 함수를 제공

2) 애니메이션 효과를 제공하지 않기 때문에 정의된 프로퍼티가 바로 적용되어 화면에 표시

https://poiemaweb.com/css3-transform

 

17. 웹디자인 타이포그래피

1) 사용자가 웹페이지를 요청한 순간 css에 기술된 필요 폰트가 서버에서 클라이어트로 전송

2) CDN 링크 방식

3) 서버 폰트 로딩 방식

https://poiemaweb.com/css3-webfont