NOW OR NEVER

CSS Units 절대적인 단위의 경우 px을 많이 사용하고 상대적인 단위에서는 %, viewport와 관련된 단위, em, rem 주로 사용 Absolute length units 절대적인 단위 Unit Name Equivalent to cm Centimeters 1cm = 96px /2.54 mm Millimeters 1mm = 1/10th of 1cm Q Quarter-milimeters 1Q = 1/40th of 1cm in Inches 1in = 2.54cm = 96px pc Picas 1pc = 1/6th of 1in pt Points 1pt = 1/72th of 1in px Pixels 1px = 1/96th of 1in px을 제외한 것들은 물리적인 세상에서만 의미 있음, css 주된 용도..

반응형 웹디자인 1990 중반은 데스크탑 위주 브라우저 최근에는 태블렛과 핸드폰에서 이용하는 경우가 많아 반응형 웹디자인으로 만들어야 공간 활용을 잘 할 수 있다. 브라우저 컨테이너 사이즈에 따라 컨텐츠가 유동적으로 변화 컨텐츠를 물같이 유동적으로 어떤 컨테이너에 담기든 그것에 맞게 만들어라 웹사이트를 만들 때 고정된 사이즈 보단 유동적으로 레이아웃을 만드는 것이 중요하다. px이 아닌 flex grid, flex box, %, vw, vh 등을 이용해 사이즈를 구성한다. media queries 컨테이너 사이즈에 따라 레이아웃 재배치 : css의 media Queries 이용 데스크탑, 태블릿, 모바일 각각 사이즈 범위 지정해서 그것에 맞게 웹사이트 변화 요즘에는 기준이 되는 사이즈는 없지만 굳이 나누..

Github 랜딩페이지 클론 코딩 Footer 1. 구조 파악, 메뉴 링크와 카피라이트 footer 영역은 pricing 영역 끝부터 마지막 페이지 까지 화면 중앙 콘텐츠 몰림 : inner 존재 화면 클 시 왼쪽 메뉴(카피라이트), 로고, 오른쪽 메뉴(contact gitjhub~) 크게 수평으로 형성 화면 특정이상 작아질 시(반응형이 되었을 때) 로고 없고 contact github~, 카피라이트~ 순으로 수직으로 쌓임(그래서 일단 이렇게 html 구조 형성 후 css로 수평으로 형성) 같은 메뉴 스타일 형성할 것이기 때문에 site-links 라는 같은 class를 ul(왼쪽메뉴, 오른쪽 메뉴) 태그에 부여 logo 클릭 시 메인 페이지로 이동 카피라이트 부분 제거하고는 모든 메뉴는 a태그로 wra..