728x90 반응형 SMALL HTML3 [HTML5] 시맨틱 태그 * 시맨틱 태그가장 상위 컨테이너: .container, .wrapper주요 내용: main주제별 컨텐츠 영역: section헤더: header제작 및 저작권 정보: footer컨텐트 내용: article문서 링크 탐색: nav세부 사항: summary추가 세부 정보: details .container > header, section, footer > article > div * 시맨틱 태그로 CSS 레이아웃 설계하기/* 컨테이너 스타일 */.container { border: 1px solid red; /* 빨간색 테두리 */ width: 1200px; /* 너비 1200px */ margin: auto; /* 가운데 정렬 */}/* 헤더 스타일 */header { backgrou.. 2024. 7. 25. [HTML/CSS] 인라인 요소, 블록 요소, 인라인 블록 요소 * 정리 * 인라인(inline) 요소 인라인 요소는 기본적으로 가로 배치.크기값을 가질 수 없기에 width와 height 적용 안됨.좌우 마진은 갖지만 상하 마진은 가질 수 없음. * 블록(block) 요소블록 요소는 기본적으로 세로 배치.width와 height 적용 가능.상하좌우 모두 마진을 가질 수 있음. * 인라인 블록(inline block) 요소css 코드의 주석을 보면, 인라인 요소와 블록 요소 성질을 모두 가지고 있는 것을 확인할 수 있다. * 요소 변경: display 속성값: block, inline-block, inline, none, flex display: inline-block으로 인라인 요소를 인라인블록요소로 변경.상하좌우 마진 모두 적용됨.width 적용됨. 2024. 7. 22. HTML5 기본 태그 - 문단, 텍스트 서식 * HTML5 기본 태그 정리 - 문단, 텍스트 서식제목 표시 h1~h6 문단 p 줄 바꿈 br 글자 굵게 표시 b, strong 글자 기울임 em 글자 밑줄 u 글자 취소선 s, del 큰 글자 big, 작은 글자 small 아래 첨자 sub, 위첨자 sup 배경색 mark 수평선 hr 2024. 7. 20. 이전 1 다음 728x90 반응형 LIST
