CLASS 선택자와 ID 선택자

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

Udacity

https://developers.google.com/web/fundamentals/design-and-ux/responsive/?hl=kohttps://developer.mozilla.org/ko/docs/Web/CSS/Reference#pcls

반응형 웹 디자인 기본 사항  |  Web  |  Google Developers