이레

css 핵이란? 브라우저의 구현 차이나 버그를 이용해 특정 브라우저만을 대상으로 css를 적용하는 법 크로스 브라우징을 위한 꼼수라고 생각하면 됩니다. 1, 스타핵 (star hack) 셀렉트 앞에 *html을 붙이면 IE6에서만 적용됩니다. 2, 언더스코어 핵 (underscore hack) 속성 가장 앞에 언더스코어(_)를 붙이면 IE6에서만 적용됩니다. 3, 해시 핵 (hash hack) 속성 앞에 #를 붙이면 IE6이하 버전에서만 적용됩니다. 4, 닷 핵 (dot hack) 속성앞에 닷(.)을 붙이면 IE6,7에서만 적용됩니다. 5, 속성핵 속성 값 뒷부분에 \0/IE8 를 붙이면 IE8 에서 적용이 됩니다. 속성 값 뒷부분에 \0/IE9 를 붙이면 IE9에서 적용이 됩니다. 속성값 뒷부분에 \0..

css로 말풍선 만들기입니다. 말풍선의 뾰족함의 정도는 after의 border-radius를 조절하면 됩니다. 크기도 마찬가지 *codepen 참고 See the Pen 말풍선만들기 by jh-baek-95 (@jh-baek-95) on CodePen.

웹 접근성이란? 장애를 가진 사람과 장애를 가지지 않은 사람 모두가 웹사이트를 이용할 수 있게 하는 방식을 가리킵니다. 자세한 방법에 대해선 따로 정리하겠습니다. blind css 콘텐츠를 숨기고 싶지만, 스크린 리더기에는 읽혀야 하는 경우 사용합니다. 우선, 콘텐츠를 숨기는 방법 중 display:none과 visibility:hidden , font-size:0, line-height:0, width:0, height:0과 같이 화면에서 영역이 잡히지 않는 속성들이 있습니다. 이런 속성들은 스크린 리더로 읽히지 않기 때문에 웹 접근성에 좋지 않은 속성입니다. 스크린리더는 width, height가 0인 속성들은 읽을 수 없으므로, 사이즈는 최소 1px 이상으로 해야 합니다. 아래 css는 제가 사용하..