z-index, float, clear, 레이아웃, flex, media쿼리 (2024-04-11)

z-index

 

 

=======================================================================================

 

float

 

=======================================================================================

 

clear

 

 

=======================================================================================

 

레이아웃

 

 

=======================================================================================

 

 

flex

flex-direction: column //  flex-direction: row-reverse;

flex-wrap: wrap  // display: flex (기본값)

 

=======================================================================================

미디어쿼리

페이지 크기에 따라 backgroun-color가 변하는 코드

=======================================================================================

외부 css코드 기본 설정코드와   // 휴대폰 화면에 맞춘 코드

태블릿과 데스크탑 맞춤 코드

320px // 768px

1024px

 

em, rem

 

=======================================================================================

휴대폰, 태블릿, 데스크탑