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; }
'{ "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 |