1. <head>안에 <style></style>태그에 스타일 시트 작성 (웹 페이지 전체에 적용)
2. <body>안에 해당 태그에 속성 style=" : ;" 로 스타일 시트 작성
3. 스타일 시트를 멸도 css파일로 작성 - <head>안에 <link>태그나 @import로 불러 사용
1. & 2.
아래를 펼치면 스타일 시트 작성 방법이 중복되었을 떄 우선권을 가지는 것을 알 수 있어요!
3.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link type="text/css" rel="stylesheet" href="mystyle.css">
<style>
@import url(mystyle.css);
</style>
<!--두 가지 중에 link 태그를 더 많이 사용-->
</head>
<body>
<h3>손연재</h3>
<hr>
저는 체조 선수 손연재입니다. 음악을 들으면서
책 읽기를 좋아합니다. 김치찌개와 막국수 무척
좋아합니다.
</body>
</html>
/*mystyle.css*/
body {
background-color: linen;
color:teal;
margin-left: 30px;
margin-right: 30px;
}
h3 {
text-align: center;
color: coral;
}
'HTML&CSS' 카테고리의 다른 글
| CSS 색 활용 // how to use CSS to color any HTML text element using an HTML tag, ID or class. (0) | 2020.03.05 |
|---|---|
| CSS 선택자 // CSS selector (0) | 2020.03.05 |
| CSS 로 예쁘게~! (0) | 2020.03.05 |
| 회원가입 form (type속성의 값들 실습) (0) | 2020.03.05 |
| form에 사용된 숫자 입력 (0) | 2020.03.05 |
