IT정보 웹디자인 유익한 정보

1em 은 20픽셀이다. 2em 은 40픽셀이다. em, rem 상대 단위 em : 부모 요소의 글꼴 크기를 기준으로 따라간다. rem : 루트 요소의 글꼴크기(16px: 기본값)를 기준으로 따라간다. 루트요소 란 요소를 의미한다. 루트요소의 기본글꼴크기는 16px 이다. [ 여백 크기를 정할 때 em ] em 으로 내, 외부 여백 크기를 정할 때는 ( margin 이나 padding 사용할 때 ) 자기 자신의 글자 크기를 기준으로 한다. 기본적인 브라우저 기준으로 볼 때 1em 은 16px 을 기준으로 한다.

반응형홈페이지 제작시 미디어쿼리용 css 파일 연결할때.. html 코딩 입니다. 큰 화면부터 css 을 작성할 경우입니다. 데스크탑용css 태블릿용css 모바일용css ★★★ 미디어쿼리 스타일시트 연결하기 데스크탑 부터 모바일웹 화면 까지 ( 큰화면에서 작은 화면으로 설계할때 .. ) 큰 수치부터 css 링크 걸어준다. max-width 로 나타내 준다. (max-width:1120px) 1120px 이하의 화면일때 태블릿 css : index_tablet.css (max-width: 960px) : 960px 이하의 화면일때 모바일 css : index_mobile.css 디자인설계에 따라 해당 수치 조정은 가능하다.

반응형웹 기본 퍼블리싱 코드들 홈페이지 제작하다 보면 기본적으로 넣어야되는 기본 코드들이 있습니다. 매번 꼭 필요한 코드내용들입니다. 매번 암기해서 적기에는 내용이 복잡하고 암기할 수 있는 분량도 아니기에 기본정리를 해보았습니다. 기본틀을 만들어 사용하면 시간절약이 많이 되기때문에 유용하게 빠르게 퍼블리싱을 할 수 있습니다. [기본세팅 사항들] 반응형웹 기본 viewport 설정 브라우전 최신버전으로 세팅하기 jquery 설정하기 default.css설정하기 구글웹폰트 설정하기 폰트어썸 아이콘 설정하기 기본메타태그 설정 등 ie 에서 미디어쿼리 및 css3 사용가능하도록 설정하기 아래에 코드를 공유합니다. 여기에 내용 넣기 감사합니다.

구글 웹폰트 코딩하기 자신또는 고객의 pc 에 해당 폰트가 없더라도 서버에 있는 폰트를 불러와서 표현해줄수 있는데.. 구글 웹폰트를 사용하면 이쁜 폰트로 만들어진 문서를 만들수 있습니다. 1. 웹폰트를 이용하려면 fonts.google.com/ 사이트에 접속해야한다. Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2. 사용 언어를 한국어 (korean) 으로 설정하면 사용가능한 웹폰트 리스트가 나온다. 그중에서 마음에 드는 하나를 선택하여 코드를 선택해주면 됩니다. fonts.google.com/?subset=korean&preview.size=33 Google Fonts..

반응형 홈페이지 제작시 참고할 사항.. 디바이스의 사이즈 감지하는 미디어 쿼리 작성할때 min 으로 작성시 작은 픽셀 순서로 작성해야한다. @media all and (min-width:320px) { } @media all and (min-width:768px) { } @media all and (min-width:1024px){ } min 을 사용할 때 크기가 작은 순서대로 작성해야 한다. min 은 최소 또는 해당픽셀이상이라는 뜻이므로 점차 커지는 것을 의미하기 때문에 작은 순서(320px)부터 큰 순서 (1024px)로 작성해야 한다. max 는 최대 또는 해당픽셀이하라는 뜻이므로 점차 작아지는 것을 의미하기 때문에 max를 사용할 때는 큰 순서(1024px)부터 작은 순서(320px)로 작성해야..