비주얼 스튜디오 코드⑩ 레이아웃 심화

 

index: 홈페이지 주소 뒤에 index.html이 숨어있음,  홈페이지 창을 불러오겠다는 뜻

https://www.naver.com/index.html 

네이버

 

body: 골격

css: 골격을 꾸미는 스타일 언어

스크립트: 동작하게 하는 언어

 

padding: 안 쪽 여백, 블럭이 패딩값만큼 늘어남

               그래서 패딩값만큼 포함해서 블럭 w / h 조정해야함

 

box-sizing: border-box; padding 값 계산없이 w / h를 패딩값 포함하여 알아서 크키조정해줌

*{} 전체 태그에 적용해줌

margin: 바깥 쪽 여백

모두 0으로, 즉 초기화 해줘야 위치계산할 때 편리함

margin=0;

padding=0;

 

*{} 전체에 적용 시켜줌

전체 태그에 margin=0; / padding=0; 해줘야함

블럭구조: 박스

인라인구조: 텍스트 

float: 한 층 위로 띄워서 위치시켜주는 명령어 

 

중복된 명령어는 공통된 상위 아이디에 명령어를 줌

 

항상 마지막에 쓴 명령어가 적용된다