DOTI Project

div 객체의 padding 값을 조절할때마다 마음과 같이 않게 밀린다? 아래의 스타일을 적용해보자!! div { box-sizing: border-box; } box-sizing 을 이용한 여백 조정

CSS3 부터는 미디어 쿼리라는 것을 사용할 수 있게 되었다. 반응형 웹사이트 제작시 필수적으로 사용되는 쿼리이다. 브라우저의 해상도를 감지하여 해상도에 따라 다른 CSS를 적용시킬 수 있다 min-width, max-width 값을 지정하여 브라우저 해상도가 조건에 맞을때 중괄호 안의 스타일을 적용한..

구글에서 제공되는 폰트 API 서비스 https://www.google.com/fonts/earlyaccess

CSS3에 새롭게 추가된 기능 중 calc()라는 것이 있다 명령어에서 보듯 계산을 해주는 속성이다 [예제] 이미지를 화면의 가운데로 맞추는 예제 1234567891011<style> img { position: absolute; top: calc(50% - 50px); left: calc(50% - 50px); width: 100px; height: 100px; }</style> <img src="test.jpg">cs [이해하기] 위의..