display_layout_2_teacher.html My Website Lorem ipsum dolor sit amet, consectetur adipiscing elit. link link link link TITLE HEADING Lorem ipsum dolor sit amet image Title text Lorem ipsum dolor sit amet, consectetur adipiscing elit. TITLE HEADING Lorem ipsum dolor sit amet image Title text Lorem ipsum dolor sit amet, consectetur adipiscing elit. About Me images Some text about me in culpa qui of..

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

* 선택자 1. 태그 선택자 A 2. 아이디 선택자 #A 혹은 div#A 3. 클래스 선택자 .A 혹은 div.A 4. 하위 선택자 A B (하위는 자식을 선택함, 상위 선택자를 적어주고 띄어쓰기) 5. 자식 선택자 A > B (자식은 >를 넣어줌) 6. 형제 선택자 A + B 7. 연속 선택자 A, B 8. 모든태그 선택자 * ⭐ 가상 선택자 ⭐ a랑 : 절대 띄어쓰지 말기 ! a:link 방문하지 않은 링크 a:visited 방문했던 링크 /⭐ X 10/ a:hover 마우스가 올려진 링크 a:active 클릭하는 순간 링크 * 가상요소 선택자 :nth-child() :first-child :last-child :only-child :nth-of-type() :first-of-type :last-of..