HTML CSS JS
CSS 선언 방식
wanttosleep1111
2023. 1. 10. 08:58
CSS 선언 방식
| 인라인 방식 | 요소 내에 직접적으로 스타일 작성 | 우선 순위 높음, 긴급 시 사용 |
| 외부 방식 | head태그 안에 link태그 이용 | rel : 관계 설정, href : 연결할 파일 위치 |
| 내부 방식 | html내 head태그 안 style태그를 만들어 작성 | |
| import 방식 | 잘 사용하지 않음 |
※ !important
모든 방식을 무시하고 적용
▶ 연습
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/* 내부 방식 */
h1{
color: orange !important;
}
</style>
<!-- 외부 방식 -->
<link rel="stylesheet" href="./외부.css">
</head>
<body>
<!-- 인라인 방식 -->
<h1 style="color:pink;">오늘은 즐거운? 월요일</h1>
<h2>오늘 점심 뭐드시나요?</h2>
</body>
</html>/* 외부 css */
h2{
color: blue;
}