권남 html:css

html:css:동적선택자

Anonymous (anonymous@undisclosed.example.com) — 2011-06-15T21:24:14+00:00

동적 선택자 * CSS는 뒤에 정의된 것이 앞에 정의된 것을 덮어쓰기 때문에, 동적 선택자는 link, visited, hover, focus, active (LoVe/HaTe)순서로 정의해야 (대체로) 올바로 작동한다. * :visited 보안 문제로 인해 color 속성등을 제외하고는 제대로 작동하지 않게 될 예정이다.

html:css:autoprefixer

Anonymous (anonymous@undisclosed.example.com) — 2015-02-07T22:41:28+00:00

autoprefixer * autoprefixer * CSS를 읽어 후처리를 통해 자동으로 vendor prefix를 붙여준다.

html:css:compass

Anonymous (anonymous@undisclosed.example.com) — 2014-01-13T10:31:45+00:00

Compass * CSS SASS 기반 CSS 프레임워크 통합 툴 * Gradle Compass

html:css:cursor

Anonymous (anonymous@undisclosed.example.com) — 2012-07-02T15:13:48+00:00

CSS로 마우스 커서 Mouse Cursor 제어 * Mozilla CSS Cursor * Controlling cursors with css and creating cur files * li { cursor:url(http://www.yourdomain.com/images/yourimage.cur), auto; } * IE에서는 인라인 스타일로 cursor url을 지정해야만 했다.(~ IE9) * Just Cursors .cur 파일 생성 편집

html:css:fileinput

Anonymous (anonymous@undisclosed.example.com) — 2012-04-09T15:27:07+00:00

File Input 박스 스타일링 * 이미지로 스타일링 * 텍스트 박스로 스타일링 * jQuery.filestyle

html:css:fontface

Anonymous (anonymous@undisclosed.example.com) — 2022-12-20T14:19:37+00:00

fontface/Web font 기본 형태 /* Recommended */ @font-face{ font-family:ng; src:url(NanumGothic.eot); src:local(※), url(NanumGothic.woff) format(‘woff’) } body{font-family:나눔고딕, NanumGothic, ng} 변환 서비스 * sfnt2woff : TTF 2 Woff

html:css:form

Anonymous (anonymous@undisclosed.example.com) — 2011-06-16T20:59:10+00:00

Styling form controls * Styling form controls with CSS, revisited * CSS-Only, Table-less Forms :: Code Samples

html:css:hacks

Anonymous (anonymous@undisclosed.example.com) — 2012-02-09T21:29:01+00:00

브라우저별 CSS Hack IE 6 가 사라지면서 점점 안쓰게 되길... * CSS Hack(핵) 정리 및 IE6,7,FF3 CSS맞추기 * CSS핵(hack) 정리 * Essentials of CSS Hacking For Internet Explorer Firefox Button/Input[type="submit"] 픽셀 뒤틀림 FF 의 기본 CSS 때문에 button/input[type='submit'] 계열의 높이가 달라지는 문제가 있다. 이는 다음에서 해결책을 제시하고 있다.

html:css:inline

Anonymous (anonymous@undisclosed.example.com) — 2011-12-07T00:23:32+00:00

Inline Firefox와 inline element 높이 height

이 Span 영역의 높이가 Firefox 8에서만 다릅니다.

html:css:inuit

Anonymous (anonymous@undisclosed.example.com) — 2013-12-22T14:10:21+00:00

Inuit.css * inuit.css – a powerful, scalable, Sass-based, BEM, OOCSS framework * inuit.css 소개 – 외양에 관여하지 않는 OOCSS 프레임워크 * [번역] 객체 지향 CSS(OOCSS) 소개

html:css:layout

Anonymous (anonymous@undisclosed.example.com) — 2011-05-13T11:07:38+00:00

CSS Layout * Vertical centering using CSS * 유동 레이아웃에서 배경 화면을 지정하는 방법 가로 스크롤로 요소 배치하기 가로로 모든 요소가 배치되고 자동으로 넘치는 부분이 아래로 내려가지 않게 하려면 부모에 nowrap 을 지정한다. * nowrap의 내부 내용 요소는 display: inline

html:css:less

Anonymous (anonymous@undisclosed.example.com) — 2014-04-29T13:15:36+00:00

Less CSS * Less : Dynamic CSS Language Implementations * Official Less CSS for Java * Java Less CSS Engine * Less CSS Servlet

html:css:opacity

Anonymous (anonymous@undisclosed.example.com) — 2011-04-27T16:31:56+00:00

CSS Opacity 투명도 * Quirksmode Opacity .opaque { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first! IE 8 filter: alpha(opacity=50); // second! IE 5-7 opacity: .5; // Others }

html:css:pseudoclass

Anonymous (anonymous@undisclosed.example.com) — 2012-08-20T01:38:28+00:00

CSS Pseudo Class 부정 클래스(:not) * :not() : IE 9+, 거의 모든 최신 브라우저가 지원. * 다음 둘은 동일한 표현이 된다. li { color: #00F; } li:nth-child(odd) { color: #F00; } li:last-child { color: #00F; } ↓ li { color: #00F; } li:nth-child(odd):not(:last-child) { color: #F00; }

html:css:relativesize

Anonymous (anonymous@undisclosed.example.com) — 2012-08-19T21:45:45+00:00

CSS Relative Size * em calculator * A List Apart: Articles: Learning to Love the Boring Bits of CSS Root Relative Length * rem 으로 표기한다. ex) 1.2rem * 항상 최상위 엘리먼트인 의 글꼴 크기를 기준으로 배율을 책정한다. * IE 9 이상과 최신 브라우저들이 지원한다.

html:css:reset

Anonymous (anonymous@undisclosed.example.com) — 2012-10-08T16:01:26+00:00

CSS Reset(초기화) * Normalize.css A modern, HTML5-ready alternative to CSS resets * Eric Meyer Reset Revisited * Yahoo Reset CSS * Reset Style을 쓰지말고 Base Stylesheet를 만들자 * CSS Reset의 소개

html:css:richcss

Anonymous (anonymous@undisclosed.example.com) — 2016-05-11T08:37:57+00:00

RichCSS *

html:css:sass

Anonymous (anonymous@undisclosed.example.com) — 2016-06-10T09:03:54+00:00

CSS SASS * * Compass * libsass SASS를 C++ 로 구현 * libsass-python * python-scss * * InuitCSS Sass based CSS framework * Koala - a gui application for LESS, Sass, Compass and CoffeeScript compilation. * Bourbon Mixin library for sass * 8 Tips to Help You Get the Best out of Sass * 4 Sass Features You May Not Have Tried * SASS Guideline SASS & Java * sass-java - libsass Java JNA binding. * 순수 Sass Java library이며, 이를 통해 다…

html:css:scrolleffect

Anonymous (anonymous@undisclosed.example.com) — 2013-11-22T17:50:16+00:00

CSS Scroll * stroll.js - CSS3 Scroll Effects

html:css:text

Anonymous (anonymous@undisclosed.example.com) — 2012-05-25T12:14:09+00:00

CSS Text 텍스트에 관련된 CSS 팁들을 모아본다. 텍스트 길이 제한 넓이가 지정된 영역의 경우 텍스트 길이를 CSS로 제한할 수 있다. 서버사이드에서 자르는 방식은 가변폭 글꼴 때문에 정확하게 작동할 수 없다.

html:css:xp_css

Anonymous (anonymous@undisclosed.example.com) — 2020-06-03T16:42:16+00:00

xp.css *