DOTI Project

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

jQuery 를 통해 개체의 CSS를 변경할 수 있는 css() 메소드에 대해 알아봅시다 [지정 방법] .css("name") - 지정된 name의 속성값을 리턴합니다 .css("name", "value") - 지정된 name의 속성값을 value 값으로 지정합니다 (단일지정) .css({"name":"value", "name":"value", "name":"value"}) - 지정된 name의 속성값을 value 값으..

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 [이해하기] 위의..