CSS CSS 정보

[택견꾼]

-css 코딩 방법

1.홈페이지를 사각형으로 바라보기

2.홈페이지를 레이아웃 시트로 그리기

3. 레이아웃 시트를 가지고 html마크업

4.홈페이지 분석 이후

-> 다시 접속 없이 레이아웃 시트 완성

5.html 마크업하는 경우

->레이아웃시트만 보고

->실제 홈페이지는 보지 않고 완성

*마크업시 1페이지당 2시간 이내 작업 할 것!!

2. 해상도

16:9 비율: 일반(와이드 스크린) (일반: 4:3비율)

21:9, 32:9 > 영상쪽에서는 예전부터 활성화됨

적응형 (PC/노트북)  1920,1600,1366 > 고정형(PC/노트북): 1365px ~ 1025px   > 적응형(패드/폰)

(논외 상급 / 일반)        (논외-작은케이스)                        (모든)

일반 해상도(적응형): ~ 1366px

고정형: 1365px ~ 1025px

적응형(패드): 1024px ~ 모두

*메뉴가 많은 경우 반응형 적용시 해상도가 낮을수록 제거 해야 가독성이 높아 진다.

3.사이즈계산법
1. 고정형
(총길이-임의의여백사이즈*여백개수)/내용물개수=내용물사이즈
2.적응형
(여백개수 * 여백사이즈)+(내용물개수*내용물사이즈) = 100%
3. calc(계산)
(상황별로 다르게 진행)