웹 도움

HTML 오류 확인 하는 사이트 : validator.w3.org

 

사이트 제작시 먼저 큰 그림을 그린 후 그 그림들을 작게 작게 세분화하여 나누는 것이 중요하다 !!

 

 

태그들이 박스가 되는 아이들이거나 아이템이 되는 아이들

사용자들에게 보여지는것은 아이템이고

사용자들에게 보여지지는 않으나

그 아이템을 잘 정리할 수 있도록 도와주는 것이 박스 

 

BOX -> 

header, footer, nav, aside, main, section, article, div, span, form

 

ITEM ->

a, button, input, label, img video, audiom, map canvas table 

 

section -> article 관리 

article -> 여러가지 아이템들을 그룹화해서 재사용가는한 아이들이 모아져 있는 곳 

 

 block 한줄에 하나

inline 한줄에 여러개 

 

css

1.의미 정의

2.선택자

3.스타일링

4.헷갈리는 컨셉

5.css의 꽃 flex box

 

🔗 Resources: CSS 위키피디아: https://en.wikipedia.org/wiki/Cascadi...

MDN CSS Selectors: https://developer.mozilla.org/en-US/d...

CSS Reference: https://developer.mozilla.org/en-US/d...

CSS Properties Reference: https://developer.mozilla.org/en-US/d...

 

CSS 게임

CSS Dinner: https://flukeout.github.io/

CSS Dinner: https://flexboxfroggy.com/

 

컬러 사이트 : https://material.io/resources/color/#!/?view.left=0&view.right=0