display - block / inline / inline-block / none div, ul, ol, li, h1... -> block: 너비와 높이 지정 가능, 아래쪽으로 배치됨 (얘는 한칸을 다 쓰고, 얘한테 크기를 줄 수 있다) a, span, select, ... -> inline: 너비와 높이 지정안됨, 옆으로 배치됨 (얘는 지 크기만큼만 가지고, 내가 따로 크기 못줌) inline-block: 너비와 높이 지정가능, 옆으로 배치됨, 글자처럼 취급 * 요소사이 공간이 생김 block 요소의 중앙정렬 -> 해당요소 스타일 추가 margin: 0 auto inline 요소의 중앙정렬 -> 해당요소의 부모요소에게 스타일 추가 text-align: center float left / right c..

1. float_layout.html Green menu1 menu2 menu3 menu4 메인컨텐츠01 작은제목 입니다. 내용적는 부분입니다. 2020.12.17 작은제목 입니다. 내용적는 부분입니다. 2020.12.17 작은제목 입니다. 내용적는 부분입니다. 2020.12.17 공지사항 2020 그린컴퓨터 아카데미 소식2020.12.17 2020 그린컴퓨터 아카데미 소식2020.12.17 2020 그린컴퓨터 아카데미 소식2020.12.17 2020 그린컴퓨터 아카데미 소식2020.12.17 주소: 서울특별시 용산구 한강대로 대표이사: 그린 사업자등록번호 : 110-12-12345 통신판매신고: 제 2020-서울용산-000호 Green +) clearBoth after 추가버전 Green menu1 m..

block / inline (컨텐츠의 크기만 가짐, width, height 못줌) / inline-block (옆으로 올 수 있고 크기도 줄 수 있음) / none em, span, a, input, select, strong div, p, h1, h2, ul, ol, li, dl box1입니다. box2입니다. 저기 초록 부분때문에 공백 생김 -> 부모요소 0줘야 함 box1입니다.box2입니다. 이렇게 붙여쓰면 저거 안생기지만 소스가 길어지면 보기 복잡해애 ~ box-sizing content-box border-box

* 텍스트 서식관련 font-size / text-align / text-indent / font-family color / font-style / text-shadow * 박스 모델링 width height padding margin border border-width border-color border-style box-sizing: 박스의 크기를 어떤 것을 기준으로 계산할지 지정 // 속성값 border-box (테두리를 기준으로 크기를 정함) content-box (default, 콘텐츠 영역을 기준으로 크기를 정함) boxSize.html box1입니다. box2입니다.