css

박스 모델 (Box model) HTML 요소는 박스 모양으로 구성되며 이를 박스모델 이라고 부름 패딩 테두리 마진 내용 으로 구분함 요소 설명 내용(content) 텍스트나 이미지가 들어있는 박스의 실질적인 내용 부분 패딩(padding) 내용과 테두리 사이의 간격. 눈에 보이지 않음 테두리(border) 내용과 패딩 주변을 감싸는 테두리 마진(margin) 테두리와 이웃하는 요소 사이의 간격. 눈에 보이지 않음 Padding, Borders left, right, top, bottom 으로 각각 지정할 수 있음 폰트 (Font) Font-family 사용하고자 하는 폰트를 먼저 지정하고 해당 폰트가 적용 안될 경우, 그 다음 폰트를 적용 안녕하세요 Hello World! 안녕하세요 Hello Worl..

CSS (Cascading Style Sheet) 웹 문서의 전반적인 스타일을 미리 저장해둔 스타일 시트 CSS 부여 방법 인라인 스타일 (Inline style) html 태그에 붙여서 사용하는 방식 Heading 1 Heading 2 내부 스타일 시트 (Internal style sheet) head 에 집어 넣는 방식 외부 스타일 시트(External style sheet) 링크를 이용하는 방식 /* style.css 파일 */ h1 { color: blue;} 스타일 적용 우선 원칙 Inline Internal 혹은 External CSS 선택자 (selectors) 아이디 (id) 특정 요소를 선택. 특정 이름을 가지는 요소만 선택하여 적용함 Heading 1 Heading 2 태그명 (tag)..