유정잉

[ CSS 배치 ] - display​ - position​ - left, right, top, bottom​ - float ※ display div{ display: inline-block; /* inline-block은 크기 조절 가능 */ width: 200px; height: 50px; text-align: center; margin: 20px; } #d1{ border: 5px solid black; } #d2{ border: 5px dotted black; } #d3{ border: 5px dashed black; } 실선 점선 점선테두리 ※ display + list-style ul{ list-style: none; } ul li{ display: inline-block; padding: 2..

[ HTML 기본 태그 - 1 ] 태그 : 블록 태그와 인라인 태그로 구분​ ※ 블록 태그​ : , , , ​ 항상 새 라인에서 시작하여 출력​ 양 옆에 다른 콘텐츠 배치하지 않고 한 라인 독점 사용​ 가장 많이 사용되는 블록 태그 : ​ ※ 인라인 태그​ : , , , ​ 블록 속에 삽입되어 블록의 일부로 출력​ 가장 많이 사용된 인라인 태그 : DOCTYPE html> 타이틀 단락 나누기 : p도 블록태그 줄이 바뀌는 h1~h6 자동 줄바꿈 처리 됨 글씨 크기도 점점 작아짐 DOCTYPE html> pre태그는 br태그와 p태그를 사용하지 않아도 내가 쓴 모양과 내용 그대로 출력 됨 대신 글꼴 글씨 모양이 조금 작아지고 달라짐 ! 개발자 모드로 바로 출력하고 싶을 경우 주로 사용 됨 br태그는 그 다..