[CSS] 스타일 적용 방식

인라인 스타일 방식

• 스타일을 부여하고자 하는 요소 내에 style 속성을 이용하여 직접적으로 기입하는 방식
• 재사용성x
• 인라인이 스타일 방식이 내부스타일 방식보다 우선순위가 높음
• 인라인 속성은 width, height 적용되지 않음 (display block으로 변경해주면 됨 )

<h1 style="color:teal;">css 기본 선택자</h1>

내부 스타일 방식

• 현재 이 문서에 적용시키고자 하는 스타일 정보를 style 태그 내에 기입하는 방식
• 단점 : 다른 html 페이지에서 해당 스타일을 쓰지 못함

외부 스타일 방식

• 스타일 정보만을 따로 관리하는 .css외부문서 만들고 link 통해 연결 (권장)
• 여러 개의 html 시트에 속성을 불러올 수 있어 재사용성이 좋음
• 경로가 잘못되면 콘솔에 404에러 뜸

<link href="resources/css/2_stylesheet.css" rel="stylesheet"> /* rel : 문서의 형식 */