부모 컴퍼넌트에 있는 엘리먼트 뿐만 아니라 자식 컴퍼넌트에도 동일한 클래스명이 있다면 전부 적용 CSS 에서 사용 하는 방법 .parent-class >>> .child-class { /* ... */ } // 1번째 사용 방법 .parent-class[d...
CSS Class Deep scss Selector Style 딮 셀렉터 쉐도우
shaking blog on 19-06-27
IE 에서 flex div 안에 이미지를 넣고 flex 크기에 따라 이미지 크기도 가변되도록 넣어놓았을 시 resizing 이 안되는 버그가 있다. 예를들어 이미지 원본 사이즈가 500px * 500px 인 이미지가 300px * 300px 인...
CSS bug div explorer Flex IE img min-height resizing 이미지
이미지(썸네일)의 크기를 조정하거나 노출하고 싶은 부분만을 잘라내어(Crop) 출력하는 방법들에 대한 이야기입니다. 서버단에서 넘겨받은 이미지를 재가공할때 생각해볼 만한 기법들을 소개합니다. 이미지 크기조정...
크로스브라우징 Crop CSS thumbnail
WEBDIR on 18-12-01
아래의 글은 "Understanding the Critical Rendering Path"의 내용을 번역한 글이다. 브라우저가 서버에서 페이지에 대한 HTML 응답을 받으면 화면에 표시되기 전에 많은 단계를 거쳐야 한다. 브라우저가 페이지의...
html js CSS
이 세상에 하나는 남기고 가자 on 17-05-04
기나긴 삽질 끝에 드디어 웹폰트 무조건 돌아가는 CSS 코드를 발견했다.첨에 font-face로 검색해서 막 삽질하다가 딱히 발견이라기 보다는 구글 얼리 억세스에서 퍼왔다 ㅠㅠ. 일단 IE/FF/Chrome 에서는 정상 동작...
CSS
ejnahc's thinkbucket on 16-07-22
흔히 이벤트가 부여된 요소를 숨기면 해당 이벤트가 작동하지 않을꺼라 생각합니다. 대부분 의도한 결과를 반영하지만 숨김처리에 사용한 방법이 opacity 속성을 이용한 경우라면 가시성은 없지만 해당 영역의 이벤...
CSS css3 property
WEBDIR on 16-02-01
CSS는 문서의 스타일을 따로 정의한다는 뜻을 가졌다. 이렇게 따로 정의하는것을 스타일시트라고 하며, 문서내에서 사용되는 방법을 CSS라고 한다. 사실 이러한 설명들은 CSS 책이나 인터넷에 CSS 만 검색해도 나오...
HTML/CSS/SCRIPT CSS dreamload 스타일시트
꿈꾸는 개발자 on 15-06-02
나같은 경우 모바일웹을 따로 공부한 적이 없기 때문에, 항상 여러테스트를 거쳐서 모바일 웹을 제작하곤한다. 많은 사람들이 모바일웹은 따로 구현된 HTML 코드나 JQUERY,CSS 등을 필수적으로 이용하여 제작하는걸...
HTML/CSS/SCRIPT a요소 a태그 CSS dreamload
CSS에서 가장 기본적인 셀렉터 지정방법은 요소, 요소의 ID, 요소의 CLASS 등이 있다. 이런 지정 방법은 가장 이해하기쉽고, CSS를 배우기 위해선 기본적으로 알고 있어야 한다. 아래는 이런 지정방법의 사용 예제이...
HTML/CSS/SCRIPT CSS dreamload 셀렉터
WEBDIR
이 세상에 하나는 남기고 가자
ejnahc's thinkbucket
꿈꾸는 개발자
