index.html - web
index.html - moblie
index2.html - web
display:flex / Media Query 를 이용하여 웹사이트 크기에 따라 반응하는 사이트
이미지에 마우스를 올렸을 때 (hover), 이미지에 변화가 생기는 사이트 개발
- HTML
- CSS
- Media Query
- 미디어 쿼리를 이용한 head / footer 개발
web
(head)
(footer)
moblie
(head)
(footer)
- hover, transition 을 이용한 애니메이션 개발
- 대부분의 div 박스나 img가 %단위로 적혀있어서 높이나 너비에 영향을 많이 받는다. 이 부분을 고려해서 만들어야 한다.
- 주석을 최대한 많이 달아주면서 개발하자.
- 중복되는 css 코드는 뼈대와 살을 분리하면서 효율적으로 코드를 짜자