요소를 display:flex;
로 설정하면 flex 컨테이너가 되고 내부 요소는 flex 아이템이 된다.
justify-content
: 요소들의 수평 관계 설정
algin-items
: 요소들의 수직 관계 설정
이 외에 더 많은 속성들을 설정할 수 있다.
기본적으로 요소의 position
속성은 static
이다.
해당 속성을 absolute
로 설정하게 되면 요소는 자기 자매나 부모와는 무관하게 속성을 설정할 수 있다.
만약 자매와는 독립적이되, 부모의 범위 내에서 설정을 적용하고 싶다면 부모의 position
을 relative
로 설정하면 된다.
CSS의 여러 속성조합을 미리 만들어놓은 라이브러리이다. HTML요소에 클래스를 적용시키는 것만으로 설정할 수 있다.
비슷한 걸로 부트스트랩이 있다.