WEB/CSS
[HTML/CSS] CSS 스타일 적용
겅아링
2020. 8. 14. 19:23
반응형
인라인스타일
: 태그속에 속성으로 스타일 적용
<!DOCTYPE html>
<html>
<head>
<title>처음으로 만든 페이지</title>
</head>
<body>
<h1 style="background-color: deepskyblue;">Hello HTML5</h1>
</body>
</html>
결과)
내부 스타일시트
: HTML 내부에서 style태그를 사용해 스타일 시트를 직접 입력해서 적용
<!DOCTYPE html>
<html>
<head>
<title>처음으로 만든 페이지</title>
<style>
h1{
background-color: deeppink;
}
</style>
</head>
<body>
<h1>Hello HTML5</h1>
</body>
</html>결과)
외부 스타일시트
: 스타일시트를 생성해(.css) link 태그를 사용해 href 속성으로 불러와 적용
<!-------------- HTML -------------->
<!DOCTYPE html>
<html>
<head>
<title>처음으로 만든 페이지</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<h1>Hello HTML5</h1>
</body>
</html>
/* ------------ CSS ------------ */
h1 {
color: white;
background: black;
}
결과)
반응형