CSS를 하다보면 이런 생각이 든다. 정렬이.. 이렇게 난해할 일인가?
float속성을 이용하여 GNB와 LNB를 포함한 layout 구성해보자!
웹페이지에서 좌측 혹은 우측에 주로 위치한 menu tree를 css로 구현해본다.
로딩화면에서 사용되어지는 360도로 반복해서 회전하는 애니메이션을 @keyframes을 이용해 만드는 것을 통해 CSS의 주요 속성중의 하나인 @keyframes의 사용법을 학습한다.
웹페이지를 만들때 첫번째 고비는 GNB 즉 navbar를 만드는 것이고 두번째 고비는 mediaquery를 이용해 모바일 기기에 대응하는 레이아웃으로 만드는 것이다.
SASS(Syntactically Awesome StyleSheets)는 CSS 전처리기 (pre-processor)로서 CSS의 한계와 단점을 보완하여 보다 가독성이 높고 코드의 재사용에 유리한 CSS를 생성하기 위한 CSS의 확장(extension)이다.
언어를 개발한 단체나 기업에서 딱히 공식적인 규칙으로 지정하지 않은 번외의 내용에 대해 개인의 코딩 습관을 통일하여, 작업상의 가독성과 판독능력을 높여 일의 능률을 증진시키기 위한 내부적인 공동의 약속을 코딩 컨벤션이라 한다.
아직도 수틀리면 flex를 남발하고 있으신가요?
CSS에서의 상속이란, 하위 엘리먼트에서 어떤 CSS 속성을 명시하지 않은 경우, 기본적으로 상위 엘리먼트에 적용된 스타일이 하위 엘리먼트에도 적용되는 것을 뜻한다.