출처 : https://sudalog.tistory.com/63 [공통] inline요소 사이의 없어지지 않는 간격 해결법. div 요소 안에 요소 여러개를 배열해 놓았다. button은 기본적으로 default값이 inline-block;요소이다. 즉, 제 영역값은 가지지만 block이 아니기에 가로로 배열이 된다는 말이다. 문제는 margin, padding을 0 sudalog.tistory.com div 요소 안에 요소 여러개를 배열해 놓았다. button은 기본적으로 default값이 inline-block;요소이다. 즉, 제 영역값은 가지지만 block이 아니기에 가로로 배열이 된다는 말이다. 문제는 margin, padding을 0으로 줘도 없어지지 않는 간격이 버튼요소 오른쪽에 남아있었다. ..

출처 : https://knulab.com/archives/1185 배경이미지 브라우저에 꽉 채우기 – KNULAB 브라우저 뷰포트에 배경이미지가 꽉 차게 보여지려면 아래와 같이 min-height 값을 설정한다. Full Background Cover body, html { margin: 0; padding: 0; height: 100%; } .bgimg { border: 0; padding: 0; background-image: url('ima knulab.com 브라우저 뷰포트에 배경이미지가 꽉 차게 보여지려면 아래와 같이 min-height 값을 설정한다. Full Background Cover 첫번째 방법 html { background: url(images/bg.jpg) no-repeat ce..

출처 : https://webisfree.com/2017-09-04/css-%ED%8F%B0%ED%8A%B8-%EB%B0%94%EA%BE%B8%EA%B8%B0-font-face%EB%A5%BC-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0 무료 또는 유료 폰트를 자신의 홈페이지, 웹사이트에 적용하는 방법을 알아보려고 합니다. 어떻게 해야할까요? 우선 CSS를 사용하여 폰트를 바꾸는 것이 가능합니다. 아래는 폰트를 다른 것으로 바꾼는 방법에 대하여 자세히 알아봅니다. 일반적으로 브라우저에서 사용하는 기본 폰트는 다를 수 있어 폰트 설정이 필요합니다. # CSS를 사용하여 웹폰트를 변경하기 아래 예제를 봐주세요 만약 webisfree라는 폰트가 있는경우 아래처럼 @font-face에 사용..

zinee-world.tistory.com/203

forums.asp.net/t/1971103.aspx?How+to+reset+the+HR+tag+to+default+style+ Add to you csshr {border:0;border-top:1px solid #555;margin:0;height:1px;} or set it directly in html

abcdqbbq.tistory.com/54 [css 응용] 이미지 세로 중앙 정렬 css를 사용하다보면 이미지를 세로 중앙 정렬이 필요한 경우가 매우 많이 있다. 그 방법에 대해 알아보려한다. 1. line-height와 vertical-align을 이용한 정렬 이미지를 감싸는 영역에 line-height값을 준 abcdqbbq.tistory.com css를 사용하다보면 이미지를 세로 중앙 정렬이 필요한 경우가 매우 많이 있다. 그 방법에 대해 알아보려한다. 1. line-height와 vertical-align을 이용한 정렬 이미지를 감싸는 영역에 line-height값을 준 후에 img태그에 vertical-align:middle 속성을 사용하여 세로 중앙 정렬한다. 2. 가상선택자 :after를 이..