Search result

[CSS] deep selector

부모 컴퍼넌트에 있는 엘리먼트 뿐만 아니라 자식 컴퍼넌트에도 동일한 클래스명이 있다면 전부 적용   CSS 에서 사용 하는 방법 .parent-class >>> .child-class { /* ... */ } // 1번째 사용 방법 .parent-class[d...

CSS Class Deep scss Selector Style 셀렉터 쉐도우

[CSS] Flex Div 안에 이미지 사용시 IE Bug

IE 에서 flex div 안에 이미지를 넣고 flex 크기에 따라 이미지 크기도 가변되도록 넣어놓았을 시 resizing 이 안되는 버그가 있다.   예를들어 이미지 원본 사이즈가 500px * 500px  인 이미지가 300px * 300px 인...

bug CSS div explorer Flex IE img min-height resizing 이미지

이미지(썸네일) 크기조정 및 가운데 정렬, 자르기

이미지(썸네일)의 크기를 조정하거나 노출하고 싶은 부분만을 잘라내어(Crop) 출력하는 방법들에 대한 이야기입니다. 서버단에서 넘겨받은 이미지를 재가공할때 생각해볼 만한 기법들을 소개합니다. 이미지 크기조정...

크로스브라우징 Crop CSS thumbnail

웹 폰트 무조건 되는 CSS 코드

기나긴 삽질 끝에 드디어 웹폰트 무조건 돌아가는 CSS 코드를 발견했다.첨에 font-face로 검색해서 막 삽질하다가 딱히 발견이라기 보다는 구글 얼리 억세스에서 퍼왔다 ㅠㅠ. 일단 IE/FF/Chrome 에서는 정상 동작...

CSS

CSS 이벤트 제어(pointer-events ) 속성

흔히 이벤트가 부여된 요소를 숨기면 해당 이벤트가 작동하지 않을꺼라 생각합니다. 대부분 의도한 결과를 반영하지만 숨김처리에 사용한 방법이 opacity 속성을 이용한 경우라면 가시성은 없지만 해당 영역의 이벤...

CSS css3 property

웹제작시 정말 유용한 CSS

CSS는 문서의 스타일을 따로 정의한다는 뜻을 가졌다. 이렇게 따로 정의하는것을 스타일시트라고 하며, 문서내에서 사용되는 방법을 CSS라고 한다. 사실 이러한 설명들은 CSS 책이나 인터넷에 CSS 만 검색해도 나오...

HTML/CSS/SCRIPT CSS dreamload 스타일시트

모바일 웹 에서 A 태그의 터치되는 영역의 배경색을 전체로 잡아주는 방법

나같은 경우 모바일웹을 따로 공부한 적이 없기 때문에, 항상 여러테스트를 거쳐서 모바일 웹을 제작하곤한다. 많은 사람들이 모바일웹은 따로 구현된 HTML 코드나 JQUERY,CSS 등을 필수적으로 이용하여 제작하는걸...

HTML/CSS/SCRIPT a요소 a태그 CSS dreamload

CSS 에서 정말 유용하게 쓰이는 셀렉터

CSS에서 가장 기본적인 셀렉터 지정방법은 요소, 요소의 ID, 요소의 CLASS 등이 있다. 이런 지정 방법은 가장 이해하기쉽고, CSS를 배우기 위해선 기본적으로 알고 있어야 한다. 아래는 이런 지정방법의 사용 예제이...

HTML/CSS/SCRIPT CSS dreamload 셀렉터