CSS 박스 모델
·
HTML, CSS
박스 모델 구성콘텐츠 영역(content)패딩(padding): 박스와 콘텐츠 영역 사이의 여백테두리(border)마진(margin): 박스 모델 사이의 여백width, height 속성콘텐츠 영역의 크기를 지정할 때 너비는 width, 높이는 height 속성을 사용한다.px이나 em 단위로 값을 지정하거나, 백분율(%)로 부모 요소를 기준으로 지정할 수 있다. 콘텐츠 영역 크기 설정하기border테두리의 두께, 모양, 색상 등을 한번에 지정한다.하위 속성으로 개별적으로 적용할 수도 있다.border-style: 테두리의 스타일을 지정. solid(실선), dotted(점선), double(이중선) 등border-width: 테두리의 두께 지정border-color: 테두리의 색상 지정border..
CSS 기본 - 사용법, 선택자
·
HTML, CSS
CSS(Cascading StyleSheet)css는 스타일을 정의하는 문서이다. HTML 문서에 스타일을 추가한다.css는 다수의 스타일 선언문으로 구성된다.선택자 { 속성명1: 속성값1; 속성명2: 속성값2;}/* 주석 */CSS 적용 방법1. 인라인 스타일: 스타일 시트를 사용하지 않고 요소에 직접적으로 스타일을 정의. style 속성 사용 인라인 스타일2. 내부 스타일 시트: 웹 문서 내에 스타일을 정리. 인라인 스타일3. 외부 스타일 시트: 스타일을 별도 파일로 저장하여 웹 문서에 연결. 태그 사용 인라인 스타일/* main.css */p { color: red;}선택자선택자는 웹 문서에서 스타일을 적용할 부분을 선택한다.전체 선택자(*)문서의 모든 요소에 스타일 적용* { .....