2022.07.27

em 은 부모 요소의 n배수로 지정해 주는 것

 

 

웹폰트 사용하기.

폰트를 다운 받지 않고서도 폰트를 지정할 수 있다.

클라이언트나 개발자가 폰트를 굳이 다운받아 설치하지 않더라도 웹 자체에서 모두 동일하게 보여주는 방법이었다.

font.google.com 으로 들어가서 랭귀지 지정 후 (나의 경우엔 코리언으로 해놓고) 

Regular + 버튼 클릭 후 view 창에 임포트를 선택해 <style> 태그를 복사만 하면 끝! 

편리하고 신기한 기능이었다.  

복사한 import문은 헤드의 스타일에 그대로 넣어주면 된다. h1 {}의 크기나 굵기만 내가 지정하면 됨!

16진수로 표기하지 않아도 되기 때문에 비주얼스투디오가 편리하다........

 

가로세로 비율이 같은 글자를 전각 문자라고 함.

목록의 불릿을 정할 수 있다.

 

웹사이트의 메뉴는 주로 순서 없는 목록을 사용해서 만든다.

새로 메뉴를 만든다면 목록에서 불릿을 없애고 마진과 패딩을 사용해 배열하는 게 좋다

 

 

 

 

 

 

도구 더보기 > 개발자 도구 > 개발자 코드에서 실제 영역을 보여줌 f12 누르면 뜸!

 

 

 

box-sizing 속성으로 border-box 를 사용하는 게 보편적이다.

보더박스는 테두리까지 포함해서 너비값을 지정한다.

실제 박스 모델의 너비를 계산할때 어디까지 포함하는지 결정하는 속성이 박스 사이징이다. 

 

 

top - right - bottom - left 이렇게 시계방향으로 지정할 수 있다.