banana like sunshine RSS FEED

css에서 a:hover로 링크에 대한 스타일을 지정하는데, 

가끔 특정 부분에 대해서만 변경하면서 inline-css로 스타일을 지정해주고 싶은 때가 있습니다. 이럴땐 어떻게 하면 될까요??

:hover 는 일종의 pseudo-selector입니다. 즉, stylesheet 안에서만 의미가 있는 거지요. 

이럴 때에는 올드스타일이지만, javascript로 지정해주는 수밖에 없습니다.

Click Here

요새는 웬만하면 다 HTML5 기준에 맞추어서 작업을 하게 되는데, 하다 보면 IE 때문에(!) 짜증나는 경우가 많습니다. 

오늘은 설명글을 textarea에 뿌려주는데.. 다른 브라우져에서는 ok였는데 IE에서만 유독 가로 스크롤바가 생겨 버리는 경우였습니다. 

이런 경우에는 다음과 같이 스타일 지정을 해주면 해결이 됩니다 : 

style="overflow-x: hidden;"

bootstrap css 이용하다 보면.. grid system이 무척 편합니다.

조금만 신경쓰면 모든 페이지가 모바일에서도 이쁘장하게.. 역시 "mobile first"를 외치는 개발자들 답네요.

그런데 xs 사이즈까지 지원하려다 보니, 화면 사이즈를 줄이다 줄이다 보면 어쩔 수 없이 깨지게 됩니다.

그럴 때는 원하는 화면 사이즈를 min-width 로 설정해주면 됩니다.

body {
    min-width: 768px; /* <-- 이렇게 */
    margin: 0;
}

로직만 신경쓰면서 살다가 css 보려니 너무 힘드네요;;

CSS 쓸 일이 갑자기 생겨서.. 작업하다가 다 끝내고 압축해야지 하고 검색하다 찾은 사이트입니다. 

폼에 CSS 다 긁어서 넣어주고 <Compress-it!> 단추만 눌러주면 되니 편하네요. :-)

별거 아닌 팁이지만 하도 오래 포스팅을 안해서;;; ㅜㅜ

http://www.cssdrive.com/index.php/main/csscompressor/