Bootstrap 에서 사용하는 Mediaquery 의 사이즈 입니다. (v. 3.1.1) Media query 란 화면의 사이즈에 따라 Stylesheet 를 적용하는 방식으로 반응형 웹을 만들때 javascript 가 아닌 Stylesheet 를 이용하여 만들때 많이 사용합니다. /* 가장 작은 크기 */ @media(max-width:767px){ } /* 중간 1*/ @media(min-width:768px){ } /* 중간 2 */ @media(min-width:992px){ } /* 가장 큰 크기 */ @media(min-width:1200px){ } 위와 같은 코드를 에 넣어주시고 각 크기에 맞게 원하는 스타일을 넣어 주시면 됩니다.
요즘 웹작업을 하던 중 시안으로 나온 이미지에서 메뉴 버튼을 이미지로 뜯을까? 하다가 웹폰트인 나눔폰트를 사용해보았습니다. 결과는 만족스럽내요 :D 구글에서 나눔폰트를 찾는 방법은 Google Font 에서 Early Access 에서 찾으실수 있습니다. 링크 : http://www.google.com/fonts/earlyaccess 사용 방법은 nanum 폰트를 검색후 css 와 함께 font-family 를 css 에 적어주시면 됩니다. 아래는 예시 입니다. Nanum Brush Script (Korean)나눔 브러쉬 @import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css); 나눔 브러쉬 Nanum Gothic (Korean)..
처음 HTML 을 공부하실때 많이 궁금해 하시는 부분일것이 div 와 같은 박스 를 중앙으로 위치 시키는 것입니다. 아래와 같이 붉은 상자처럼 페이지의 중앙으로 위치시키는 방법인대요. 텍스트의 경우 text-align:center; 로 중앙으로 오지만 div 나 ul li 와 같은 경우 중앙에 위치하기 위해서는 div와 css 의 구조를 맞춰줘야 합니다. 우선 간단하게 예를 들어 보면 -HTML- 나는 중앙 상자 -CSS- #wrapper_element{ width:100%; height:450px; border:1px solid gray; } #element{ width:450px; height:450px; border:1px solid red; margin:0 auto 0; text-align:cen..
- Total
- Today
- Yesterday
- 맥
- JavaScript
- 개발
- Laravel
- it
- ubuntu
- 웹 서버
- mac
- Database
- php
- 웹 개발자
- 데이터베이스
- cocos2d-x
- Tutorialbook
- 웹
- 인터넷
- 서버
- 게임 개발
- 서버 개발
- html
- 웹 개발
- 에러
- 개발자
- Developer
- 튜토리얼북
- 게임
- 우분투
- SNS
- Nodejs
- 설치
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |