- CSS 구성
선택자 { 속성: 속성값; }
html에서 작성한 h1태그 안의 내용들을 꾸미려면 css파일에 아래와 같이 작성하면 된다.
h1 {
font-size: 15px; /* 글자 사이즈 */
font-family: sans-serif; /* 글꼴 */
color: red; /* 글자색 */
background-color: blue; /* 배경색 */
text-align: center; /* 텍스트 정렬. center는 중앙 */
}작성된 css파일을 html파일과 연동시키려면
<head>
<link rel="stylesheet" href="style.css"> <!-- css파일 이름 작성-->
</head><link> 태그로 불러오면 된다.
css파일을 따로 만들지 않고 html 파일에서 스타일을 적용시킬 수 있다.
<h1 style="color: red;"> color </h1>이런식으로 원하는 태그 안에 style을 적용시킨다.
또한 html내의 <head>태그 안에 <style>태그를 넣어 적용시킬 수 있다.
<head>
<style>
h1 { color: blue; }
</style>
</head>
이때는 중괄호를 사용하여 css파일 내에서 작성하는 방법과 똑같이 작성한다.
'Frontend > html, css' 카테고리의 다른 글
| CSS - Transform (0) | 2022.01.18 |
|---|---|
| CSS 기초 (3) - 웹사이트 레이아웃 요소 (0) | 2022.01.18 |
| CSS 기초 (2) - 선택자 (0) | 2022.01.18 |
| HTML 기초 (2) (0) | 2022.01.18 |
| HTML 기초 (1) (0) | 2022.01.18 |