반응형
1. <style> 태그를 작성한다.
2. 변경하고자 하는 html의 태그를 써준다. (아래에서는 'h1' 이 해당함)
3. 중괄호를 열어준다.
4. CSS 속성 + 값 작성 후 끝에 세미콜론(;)을 꼭 붙여준다.
5. 속성명에는 빈칸, 밑줄(_), 슬래쉬(/)등을 사용하지 않는다.
6. 속성: 값(value)이 온다.
<!DOCTYPE html>
<html lang="kr">
<head>
<title>Home - My first website.</title>
<link href="styles.css" rel="stylesheet" />
<style>
h1 {
color: blue;
font-size: 20px;
}
</style>
</head>
<body>
<header>
<h1>The Nick Times</h1>
</header>
<main>
<address>123 Road Altavista</address>
</main>
<footer>© 2024.NN</footer>
</body>
</html>
결과
우와 멋지다아아아아아아아
반응형
'2. CSS' 카테고리의 다른 글
| CSS 로 텍스트 가운데 정렬 만들기 (text-align) (0) | 2024.11.11 |
|---|---|
| CSS 로 언더라인, 이태릭체(기울림체), 글자 굵기 두께 설정하기 (0) | 2024.11.11 |
| CSS 작성 방법 (0) | 2024.11.11 |
| HTML에 CSS 를 추가하는 방법 (0) | 2024.11.11 |
| CSS 란? (정의) (0) | 2024.11.03 |