728x90
- 인라인 스타일
- 내부 스타일 시트
- 외부 스타일 시트
인라인 스타일
스타일 시트를 사용하지 않고, style 속성을 사용하여 스타일을 적용할 대상에 직접 표시
<p style="color: blue; font-size: 16px;">인라인 스타일</p>
내부 스타일 시트
head 태그 안에 <style> 태그를 사용하여 스타일 정의
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
font-size: 16px;
}
</style>
</head>
<body>
<p>내부 스타일 시트</p>
</body>
</html>
외부 스타일 시트
별도의 css 파일을 만들고, <head> 태그 안에 css 파일을 삽입해서 사용
<link rel="stylesheet" href="외부 스타일 시트 파일 경로">728x90
'Frontend > CSS' 카테고리의 다른 글
| 6. 목록 스타일 (0) | 2024.07.04 |
|---|---|
| 5. 텍스트 스타일링 (0) | 2024.07.04 |
| 4. 색상 활용 (0) | 2024.07.04 |
| 3. 글꼴 스타일링 (0) | 2024.07.04 |
| 2. CSS 기본 선택자 (0) | 2024.07.04 |