Jade_o.o
[css] css 적용 방법 본문
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>css 적용 방법</title>
<link rel="stylesheet" href="./css_start.css">
<style>
p {
background-color: skyblue;
color:gray;
}
div{
background-color: yellow;
}
</style>
</head>
<body>
<h1>CSS 적용방법 3가지</h1>
<div style="background-color: yellowgreen;">인라인 방식</div>
<div style="background-color: yellowgreen;">인라인 방식</div>
<div style="background-color: salmon;">인라인 방식 vs style 태그</div>
<p>내장 스타일 태그 방식</p>
<p>내장 스타일 태그 방식</p>
<ul>
<li>외부 스타일시트</li>
<li>방식</li>
</ul>
</body>
</html>html 코드
코드 실행 시 결과창
'CSS' 카테고리의 다른 글
| [css] selector 선택자2 - 복합 선택자 (0) | 2024.01.12 |
|---|---|
| [css] selector 선택자1 - 기본 선택자 (0) | 2024.01.12 |
| [css] animation (0) | 2024.01.11 |
| [css] transform & transition (0) | 2024.01.11 |
| [css] display:flex (2) | 2024.01.11 |
'CSS' Related Articles
more
