[CSS3] 01. CSS 기본
CSS(Cascading Style Sheets) : https://en.wikipedia.org/wiki/CSS
HTML: 내용 + 구조
CSS: 스타일
다시말하면, HTML은 내용과 구조 나타내고, CSS는 화면에 어떻게 보여 줄지를 나타낸다.
1. 셀렉터(Selector), 속성(Property), 값(Value)
p(셀렉터) {
color(속성): orange(값);
font-size: 16px;
}
2. CSS와 HTML 연동 방법
1) Link Style
<head>
<link rel="stylesheet" href="css/style.css">
</head>
2) Embedding style
<head>
<style>
h1 { color: red; }
p { background: aqua; }
</style>
</head>
3) Inline style
<h1 style="color: red">Hello World</h1>
<p style="background: aqua">This is a web page.</p>
3. Reset CSS
Eric Meyer’s reset css: https://meyerweb.com/eric/tools/css/reset/
normalize.css: https://necolas.github.io/normalize.css/
참고:
- CSS 기본문법: https://poiemaweb.com/css3-syntax
'웹프로그래밍 > CSS3' 카테고리의 다른 글
| [CSS3] 03. CSS 단위 (0) | 2024.07.20 |
|---|---|
| [CSS3] 02. 셀렉터 (0) | 2024.07.20 |