꾸준히 안타치기
CSS 기초정리 / display 본문
span, a태그 -> inline 은 크기조정이 불가능 함
div / section /article/header/footer/nav ->block 은 크기조절 가능
inline-block : 속성 둘다임
none: 안보임
css reset - 적용하기
*{
margin:0;
paddding:0;
}
padding:5%;
컨테이너 Div의 - 폰트 사이즈를 0으로 바꿔주면, 띄어쓰기 사라짐
vertical-align :top;
max-with: 1000px;
가운데 정렬
margin-left: auto;
margin-right:auto;
margin :0 auto; (상하는 0 , 좌우는 auto;)
float
youtu.be/Zny5Vxqk6Mk?t=1583 float:left; // 얘를 왼쪽에 두 고 감싸고 돈다.
clear : both; 해서 감싸고 도는 플로트값을 제거해준다.
float를 자식에게 적용하면 / 부모가 없는 자식 취급함. 부모의 영향 안받음 / 높이가 없기에 background 컬러가 없다.
컨테이너가 끝나기 직전에 float 클리어 해준다.
요즘엔 가상엘리먼트를 추가한다. ^^가상엘리먼트 after::
자식들을 float했으면 부모엘리먼트가 끝내는 시점에서 clear를 해줘라.
부모가 정상적을 높이를 확보하도록
@media screen and (min-width :700px){
}
