JAVAIARY

1. 전체 선택자 - * {속성 : 값; ....} - 스타일을 문서의 모든 요소에 적용할 때 사용 2. 타입 선택자 - 태그명 {스타일 규칙} - 해당 태그 요소에 적용할 때 사용 3. 클래스 선택자 - .클래스명 {스타일규칙} - 문서의 일부에 적용하고 싶을 떄 사용 - 적용하고자 하는 태그 안에 class="클래스명" 속성을 지정하여 사용 - ex) .blue { color : blue} .accent {border : 1px solid #000} 이름 : * 2개 이상 적용할 때는 공백으로 구분 4. ID 선택자 - #아이디명 {스타일 규칙} - 문서에서 딱 한 번만 적용 가능(중복사용 불가) - 주로 문서의 레이아웃과 관련된 스타일을 지정하거나 웹 요소에 자바스크립트 프로그램을 사용하면서 요소를..

외부스타일시트 선택자를 이용해 작성해 놓은 스타일 시트를 .css파일로 저장하여 원하는 html문서에 불러와서 적용할 수 있는 기능 장점 - 내용과 스타일을 분리하여 데이터 관리가 쉬워짐 - 동일한 스타일을 여러 페이지에 적용할 때 유용 h1 { color : navy; font-size : 3.5em; font-style: oblique; } h1: 선택자 color: 속성 navy: 속성값 .css 파일에 저장한 내용 외부스타일시트 적용하기

내부스타일시트 body 태그 보다 먼저 와야 웹문서를 읽기 전에 미리 스타일 정보를 읽어들이고 적용하여 출력함 내부 스타일시트 만들기(제목) 마젠타 제목 1 단락 111111111111111111111 2 단락 222222222222222222222 3 단락 333333333333333333333 See the Pen Untitled by Javaiary (@javaiary) on CodePen.