<!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>
<!--
CSS : Cascading Style Sheets
href: css 파일 위치(주소)
rel: 연결 대상의 속성(stylesheet)
type:파일의 정보값(text로 이루어져 있고 , css기능을 한다.)
-->
<link href="./resource/css01.css" rel="stylesheet" type="text/css">
<style type="text/css">
p{
background-color:pink;
}
</style>
</head>
<body>
<h1>css 기본 문법</h1>
<h3>작성 방식 3가지</h3>
<b style="color:red;">1. 인라인 스타일시트</b>
<p> <span>
2.내부 스타일 시트 : html 파일 내부에서 간단하게 작성
</span><br>
<b>3.외부 스타일 시트: css 파일을 만든다.</b>
</p>
</body>
</html>
외부스타일시트 ( CSS파일 )
/*
외부 스타일 시트
*/
b{
color:aqua;
}
출력화면
'CSS' 카테고리의 다른 글
| [CSS]CSS#4(반응형) (0) | 2024.06.28 |
|---|---|
| [CSS]CSS#3 (0) | 2024.06.21 |
| [CSS] CSS#2 (0) | 2024.06.13 |
| [CSS] CSS #1 (1) | 2024.06.11 |
| [CSS]선택자 (0) | 2024.06.05 |