1. 핀터레스트같은 블록 스타일 레이아웃 만들기 (masonry 라이브러리)

  2. 전 세계적으로 사용하는 초기화 코드
    • https://meyerweb.com/eric/tools/css/reset/
    • http://html5doctor.com/html-5-reset-stylesheet/
  3. HEX 코드 단위로 색상 추출
    • http://www.colorpicker.com
  4. display 속성과 visibility 속성의 차이
    • display : none;은 화면에서 제거된다.
    • visibility : hidden; 은 화면에서 보이지 않을뿐이다.
  5. opacity 속성
    • 태그의 투명도를 조절하는 스타일 속성.
    • 0.0은 투명한 상태를, 1.0은 불투명한 상태를 나타냄.

  6. 박스 속성 CSS 박스 모델 속성

  7. html 레이아웃 열분할해서 만들어주는 사이트
    • http://www.pagecolumn.com/3_column_div_generator.htm
  8. float 속성을 사용한 레이아웃 구성
    • 자손에 float 속성을 적용하면 부모의 overflow 속성에 hidden 키워드를 적용합니다.
  9. CSS Gradient Generator
    • www.colorzila.com/gradient-editor
  10. 여러 CSS3 자동 생성 사이트
    • www.css3generator.com
  11. 벤더 프리픽스(vendor prefix)
    • 각 브라우저에서 판독이 가능한 접두어를 붙여서 해당 브라우저에서