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;
}
'HTML CSS JS' 카테고리의 다른 글
| 자바스크립트 자료형, 형 변환 (JavaScript type, type casting) (0) | 2023.01.11 |
|---|---|
| 자바스크립트 입출력, 변수 (JavaScript input, output, variable) (0) | 2023.01.11 |
| CSS Position (0) | 2023.01.10 |
| CSS Flex (0) | 2023.01.09 |
| CSS margin, padding, box-sizing, border (0) | 2023.01.08 |
댓글