728x90
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
/*
HTML 문서의 스타일을 설정하는 방법
1. head 캐그 안쪽에 작성
html과 다른 언어이기 때문에 style 이라는 태크 안에서만 작성
2. 디자인의 대상 : selector (선택자)
3. 디자인 방법 (선언)
[기본구조]
선택자{ 스타일속성 : 값 ; } >>>> 선언
*/
h1{
color: chocolate; background-color: aliceblue;
}
h2{
color: darkgreen; background-color: rgb(238, 233, 130);
}
h3{
color: orange;
background-color: rgb(74, 125, 220);
font-family: '고딕';
font-size: 40px;
font-weight: 900; /* 100~ 900 또는 bold ,light로도 사용 가능 */
font-style: italic;
}
/* 배경색이 한 없이 길게 차지 된다. */
/* font_faily (글꼴의 집합) >>사용자가 원하는 글씨체가 없을 경우 비슷한 것을 출력해준단. */
</style>
</head>
<body>
<h1>핫 둘</h1>
<h2>셋 넷</h2>
<h3>다섯!!</h3>
</body>
출처: 스마트인재개발원
728x90
반응형
'DATA 분석 교육 과정 (2024.02~08) > CSS' 카테고리의 다른 글
| css_ (0) | 2024.04.05 |
|---|---|
| CSS_조합선택자 (0) | 2024.04.05 |
| CSS_선택자 (0) | 2024.04.05 |
