class
id
자유롭게 이름 붙임 |
자유롭게 이름 붙임 |
동일한 값을 갖는 element는 많음 |
문서 내에서 단 하나의 element가 유일한 값을 가짐 |
element가 여러 값을 가질 수 있음 |
element는 단 하나의 값을 가짐 |
스타일의 분류(classification)에 사용 |
특정 element를 이름 붙이는 데 사용 |
여러개의 CLASS 값을 갖는 ELEMENT
- 공백(whitespace)를 이용해, 한 element에 여러 class를 지정할 수 있음
- h1 class="impact red" Hello world /h1
- .impact { font-size: 2em; font-weight: bold; }
- .red { color: red; }
LEARN YOURSELF: CSS
- 레이아웃 & Box Model
- margin, padding, border
- width, height, top, left, bottom, right
- position, box-sizing
- 레이아웃 고급:
- z-index
- float, flex
- 기본 스타일링:
- font-*, background-*
LEARN MORE..
https://classroom.udacity.com/courses/ud893
https://developers.google.com/web/fundamentals/design-and-ux/responsive/?hl=kohttps://developer.mozilla.org/ko/docs/Web/CSS/Reference#pcls
'TIL > TIL' 카테고리의 다른 글
id 및 class 목적에 맞게 사용하기 (0) | 2020.02.13 |
---|---|
프로토타이핑 (0) | 2020.02.13 |
HOW TO USE CSS? (0) | 2020.02.13 |
HTML basic functions (0) | 2020.02.13 |
WEBPACK with ES6(babel) (0) | 2020.02.12 |
comment