- CSS파일 import
- .css 스타일만 별도로 모아놓은 파일 (여러 개 가능)
.css 파일
@charset "UTF-8";
*{
font-family: 궁서체;
font-size: 34px;
font-style: italic;
font-weight: bolder;
}
body{
background-color: coral;
margin: 0;
padding: 0;
}
.line{
border: 3px dotted turquoise;
}
#myLayer{
width: 250px;
height: 150px;
background-color: darkslateblue;
}
charset "UTF-8";
문자 인코딩(표현방식) UTF-8 (반드시 첫 줄에 와야 한다.)
*{}
모든 요소들
margin
바깥쪽 여백. 위쪽 / 오른쪽 / 아래쪽 / 왼쪽 모든 여백
padding
안쪽여백
HTML 문서
<!DOCTYPE html>
<html lang="ko">
<head>
<title>04_externalCSS.html</title>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>
<h3>External CSS</h3>
응답하라 1997<br>
응답하라 1994<br>
<input type="text" class="line">
<hr>
<textarea cols="30" rows="5" class="line"></textarea>
<hr>
<div id="myLayer"></div>
</body>
</html>
'CSS' 카테고리의 다른 글
| [CSS] reset (1) | 2024.05.31 |
|---|---|
| [CSS] 다양한 selector (0) | 2024.05.31 |
| [CSS] Internal CSS (0) | 2024.05.31 |
| [CSS] Inline CSS (0) | 2024.05.31 |
| [CSS] 기본문법 (0) | 2024.05.31 |
