Web story/CSS 39
사파리, 크롬 브라우저 col width 값 버그..

사파리 및 크롬 브라우저에서 테이블 caption의 css에 position:absolute 값이 있다면 col width값이 무시된다 왜 안될까 고민하다 엉뚱한데서 답이 나온 상황 ㅜㅜ 현재 col 값은 caption 값에 position:absolute가 빠진 css "제대로 구현중" 희망아이디, 희망비밀번호 희망아이디 희망비밀번호 caption 값에 position:absolute가 있는 css "width값이 무시된다" 희망아이디, 희망비밀번호 희망아이디 희망비밀번호
Web story/CSS 2011.03.04

CSS 테크닉과 성능향상 관계

블로깅하다가 좋은내용이 있네요 퍼오긴 했으나 원작자 요청시 삭제하겠습니다 출처 : http://ilmol.com/wp/2010/08/20/611/ 작년에 David Hyatt 이 Shawun Inman 의 글에서 이러한 댓글을 달았었다. The sad truth about CSS3 selectors is that they really shouldn’t be used at all if you care about page performance. Decorating your markup with classes and ids and matching purely on those while avoiding all uses of sibling, descendant and child selectors will actu..
Web story/CSS 2011.01.27

float을 clear하는 4가지 방법.

CSS 속성 가운데 float 속성은 자기 자신의 위치를 주변의 콘텐츠로부터 상대적으로 배치하는 속성입니다. float은 사전적 의미로 ‘뜨다, 띄우다, 뜨는 물건, 부유물’ 이라는 의미가 담겨져 있습니다. float은 높이가 가변적인 다단 컬럼 형태의 CSS 레이아웃을 위하여 반드시 요구되는 속성으로서 처음 CSS 배치기법을 익힐 때 가장 이해하기 어려운 속성중의 하나 입니다. float 속성이 부여된 엘리먼트는 좌측이나 우측으로 배치되면서 주변 콘텐츠의 배치에도 영향을 미친다는 사실은 어렵지 않게 학습되나 ‘float 된 엘리먼트가 부모 엘리먼트의 높이에 영향을 주지 않는다는 사실’은 몇 번의 경험 또는 선배들의 조언으로 깨닫게 되는 것이지요. 오늘은 float 속성을 이해하고 다단 컬럼형 레이아웃을..
Web story/CSS 2011.01.24

지금 쓰기에도 유용한 css3

opacity:0.5; filter:alpha(opacity=50); IE 브라우저를 제외한 모든 브라우저가 이미 opacity 속성을 지원하고 있다. IE는 MS전용 filter 적용. 지원 브라우저 : 크롬, 사파리, 파이어폭스, 오페라, 인터넷익스플로러 box-shadow box-shadow/* Opera */ box-shadow:10px 10px 10px silver; /* Firefox */ -moz-box-shadow:10px 10px 10px silver; /* Safiri, Chrome */ -webkit-box-shadow:10px 10px 10px silver; /* IE */ filter:progid:DXImageTransform.Microsoft.Shadow(color=silver,..
Web story/CSS 2010.06.03
1 2 3 4
더보기
반응형

티스토리툴바