CSS 모음

CSS Cascading Style Sheets CSS는 Level1, Level2, Level3 를 거쳐오며 현재는 CSS Level3 가 사용되고 있다. Level3 부터는 모듈별로 버전이 다르게 적용된다.

선택자 = 셀렉터 = Selector CSS 선택자 : CSS 규칙을 적용할 요소를 정의한다. 부모, 부모의 형제, 부모 형제의 자식을 선택할 수 있는 선택자는 존재하지 않는다.

CSS 폰트 속성 정리 CSS 폰트 관련 속성에 대해서 정리해보았다.

CSS 에서 쓰이는 단위와 값들을 정리해보았다. 길이나 크기와 같은 속성 값으로 키워드를 사용하는 것들이 있는 반면, 숫자와 함께 단위를 붙여 사용하는 것들이 있습니다.

CSS 박스 모델 정리 CSS 박스 모델에 대해 정리해보았다. 박스 모델은 브라우저 - 개발자도구 - Styles 가장 하단에서 살펴볼 수 있다.

CSS 레이아웃 정리 CSS 레이아웃에 관해 정리해보았다. position, overflow, z-index

CSS 색상과 배경에 관한 내용들을 정리해보았다. 🎨 color, background-... 에 대해 살펴본다.

CSS transform 에 대해 정리해보았다. scale, rotate, translate, skew, tranform-origin 을 살펴본다.

CSS transition(전환) 에 대해 정리해보았다. 페이드인(Fade In) 효과를 보여준다. 별도의 JavaScript 가 없더라도 다이나믹한 웹페이지를 만들 수 있다.

CSS animation 에 대해 정리해보았다. 🦄 animation : transition과 비슷하게 다수의 스타일을 전환하는 애니메이션을 적용한다.

CSS Flexbox 정리 CSS Flexbox 에 대하여 정리해보았다. Layout 개념이 정확하지 않으면 조금 난이도가 있을법한 챕터. 제법 양이 된다.

CSS grid 정리 CSS grid 에 대해 정리해보았다. 격자 형식으로 컨테이너를 나눌 수 있는 display 속성이다.

CSS 반응형 디자인에 대하여 CSS 반응형 디자인에 대하여 정리해보았습니다. Front-end 개발에 관심이 있다면 한번쯤 들어봤을텐데, 정확히 어떤 개념인지는 알고 가야겠죠?

CSS 문서를 작성할 때 속성들을 표기하는 순서를 본인만의 규칙으로 정해보세요.