본문 바로가기

IT/HTML CSS

(4)
DIV 높이 자동으로 늘어나게 하려면 [출처] DIV 높이 자동으로 늘어나게 하려면|작성자 환타 할때마다 생각이 안나서 검색을 하게 된다. 이넘의 나쁜 머리때문인거 같다. 그래서 블로그에 기록 좀 해놔야겠다. float된 자식을 가진 부모는 높이를 인식하지 못한다.overflow:hedden을 줘서 해결한다.[출처] DIV 높이 자동으로 늘어나게 하려면|작성자 환타
div안에 div넣었을때 부모 div의 높이가 자동으로 늘어나는 법 별거 없고 div에 overflow:hidden값을 주면 된다. 하루에 하나씩 배우자 ~~
media query의 이해 출력 장치의 여러 특징 가운데 일부를 참조하여 CSS 코드를 분기 처리함으로써 하나의 HTML 소스가 여러가지 뷰를 갖도록 구현할 수 있는 명세이다. 일반적으로 뷰포트 해상도에 따라 CSS 코드를 분기한다. CSS 코드 내부에서 분기하는 방법 CSS 코드 내부에서 사용하는 미디어 쿼리의 기본적인 문법 예는 다음과 같다. 일반적으로 권장하고 널리 쓰이는 방식이다. @media only all and (조건문) {실행문} @media: 미디어 쿼리가 시작됨을 선언한다. @media, only, all, and, (조건문) 사이에 포함되어 있는 공백은 필수적이다. only: only 키워드는 미디어 쿼리를 지원하는 사용자 에이전트만 미디어 쿼리 구문을 해석하라는 명령이며 생략 가능하다. 생략했을 때 기본 값은..
css 그라데이션과 배경을 동시에 배경이미지와 그라데이션을 동시에 사용하는 CSSDevelopment/[HTML5/CSS] 웹표준 2012/12/12 11:28 | 버튼에 그라데이션과 자그마한 아이콘을 동시에 사용하고자 할 경우에는 다음과 같이 BackGround속성을 동시에 나열하면 가능하다. background: url("이미지주소") no-repeat 10% 50%, -webkit-gradient(linear, left top, left bottom, from(#시작색상값), to(#끝색상값)); 위 빨간색 글씨가 중요한 부분이며, no-repeat(이미지를 한번만 그림) 다음의 10% 50%는 각각 해당 버튼을 기준으로 이미지를 위치시키고 싶은 x, y 좌표값이다. 이미지 아이콘을 한장에 합쳐서 ( 용량 엑서스 문제 해결을 위해 ..