selector 설정

style 속성 안에 들어갈 코드 길어지면 css로 따로 빼서 사용

제목명.css 파일 생성

[CSS 경로 지정]

 <link href="css/main.css" rel="stylesheet">

head 안에 css를 불러올 경로를 지정하기
css/main : css 폴더 안에 main.css라는 파일이 있다는 뜻

<img src="강해린.jpg" style="width:300px; display:block; margin-top:50px"></a>
--> <img src="강해린.jpg" class="profile"></a> 와 같이 수정

[class selector 설정]

.profile {
width:300px; 
display:block; 
margin-left: auto; 
margin-right: auto; 
margin-top: 50px
}

.profile, .tilte 등 '.'을 찍고 class명 지정 및 {} 사용
이름 중복 X

[tag selector 설정]

p {
}

점찍고 class 지정하는 것 외에 다르게 지정도 가능함
모든 p 태그에 대해 일괄 지정 가능

[class selector 우선순위]

스타일이 겹칠 경우 우선순위에 따라 정해짐
style 속성 >>> class selector > tag selector