RainbowCSS
RainbowCSS는 폭포처럼 쏟아지는 CSS(Cascading Style Sheets)로 인해 만들어졌지만, 동시에 그 위에서 은은히 빛을 내고 있습니다.
-
Layout
RainbowCSS의 전반적인 레아이웃 구조는 다음과 같습니다.
-
<body>는<main class="main">,<section class="section">,<div class="container">로 이루어집니다. -
main은 오직section만을 자식 요소로 받습니다. 즉,main은section들의 배열 방식입니다. -
section은 오직container만을 자식 요소로 받습니다. 즉,section은container들의 배열 방식입니다. -
container는 상대적으로 유연한 개념입니다.container안에는<div class="columns">,<ul class="list">등을 담을 수 있습니다.container를 쓰는 것을 두려워하지 마세요. 가령columns안에 있는 각각의column들에 대해, 내용을 곧바로 작성하기 전에container로 묶는 것은 좋은 습관입니다.
-