흔한 개발자의 일기: [html] style 태그 example

다음과 같이 원하는 속성을 태그, 클래스, id에 따라 구분하여 줄수 있다.

<head>

<style>

body { background: red }

body div p { background: red }

.form-group { background: red}

#id-test { background: red}

.form-group:hover { background: red}

</style>

</head>

스타일을 적용하는 방법에는 두가지가 있는데

1. 내부스타일시트 - html문서 내의 <style>태그를 이용

위와 같이 <head>에 포함

2. 외부스타일시트 - 스타일만 하나의 파일로 만들어 <link>태그를 이용하여 포함

흔한 개발자의 일기