prac-27 유용한사이트 모음 & 모바일뷰포트 & 폰트형 & 벗어난영역 & 들여쓰기

[문귀현]

※ 알아두어야 할 것

https://fonts.google.com/ --> 구글 폰트모음 사이트

https://lipsum.com/ --> 가상글자 사이트

https://placeholder.com/ --> 가상이미지 사이트

http://csssprites.com --> 이미지합치기 사이트

◈ HTML5 (Hyper Text Markup Language)

모바일 뷰포트

<meta name="viewport" content="width=device-width,

initial-scale=1.0,minimum-scale=1.0,maximum-scale=3.0,user-scalable=yes"/>

기기의 가로값, 초기확대비율 = 100%, 

최소축소비율 = 100%, 최대확대비율 = 300%, 사용자 확대·축소가능 여부 = yes

◈ CSS3 (Cascading Style Sheet)

폰트 형

Serif 형 - 획이 있는 폰트

Sans-Serif 형 - 획이 없는 폰트

Monospace 형 - 글자 폭이 동일한 폰트

---------< 셋트로 외우면 좋은 것 >----------

white-space: nowrap; → 공백 텍스트 길어도 줄바꿈하지 않음.

overflow: hidden; 

text-overflow: ellipsis; → 벗어난 부분을 ...으로 표현.

--------------------------------------------

text-indent: -99999px; → 들여쓰기 효과

※ 모바일에서는 (~)의 동위 선택자가 먹히지 않는다.