728x90
- html 구조, css 외형, javascript 동작 담당
- cascading Style Sheets
- 크기, 정렬, 색상, 배치 등을 적용한다.
- 구문: css속성 : 값;
1. html 요소의 style 속성에 적용
<span style="color: red; font-size: 20px;">한국스마트정보교육원</span>
2. style 태그 내에 선택자 활용 적용
<head>
<style type="text/css">
div {
color:red;
font-size: 20px;
}
</style>
</head>
<body>
<div>한국스마트정보교육원</div>
</body>
3. css 외부파일 로드
//html파일
<head>
<link href="main.css(외부파일경로)" type="text/css" rel="stylesheet">
</head>
<body>
<div>한국스마트정보교육원</div>
</body>//main.css라는 외부파일
@charset "UTF-8";
div {
color: red;
font-size: 20px;
}
728x90
'{ "Hello World!" }; > HTML／CSS' 카테고리의 다른 글
| (CSS)속성 종류와 가상선택자 (0) | 2021.12.13 |
|---|---|
| (CSS) 선택자 종류와 활용 (0) | 2021.12.13 |
| (HTML) form 요소 (0) | 2021.12.12 |
| (HTML) 블럭요소, 인라인요소 (0) | 2021.12.12 |
| (HTML) HTML의 기본 구조와 절대/상대 경로 (0) | 2021.12.12 |