• 추천글
  • 최신글
  • 검색범위
  • ( 20 건)
1
이전 다음 이미지있는 글만 보기
  • 속성에 따른 CSS 적용하기
  • Wireframe :: tistory| 09.06.11 02:52
  • 속성에 따른 CSS 적용 CSS를 적용할 때 동적으로 변경되는 UI를 지정하는 방법이 있습니다. 다름아닌 :hover 속성을 이용하는 것인데요. IE6에서는 A 엘레먼트에 대해서만 지원이 되었습니다. 즉 태그를 사용해서 하이퍼링크를 걸어놓은 텍스트에 마우스 커서가 올.....
  • CSS 기본 8강 - Element별 속성(property) 2 -
  • Internet Media LCC| 09.06.05 14:44
  • 본 글은 독자들이 보다 쉽게 이해를 할 수 있도록 하기 위해 최삼순이라 는 특정인물과 상황을 만들었습니다. ○ 2단계 글씨를 조금 더 이쁘게 “최삼순”인턴사원은 위와 같이 문서의 글씨에 크기를 조절하고 글꼴의 색을 마음껏 바꿀 수 있었지만, 자신이 원하.....
  • CSS 기본 5강 - CSS 파헤치기 (sector) -
  • Internet Media LCC| 09.06.03 11:07
  • 본 글은 독자들이 보다 쉽게 이해를 할 수 있도록 하기 위해 최삼순이라 는 특정인물과 상황을 만들었습니다. 이제 본격적으로 “최삼순”인턴과 함께 CSS를 공부해 볼까요? CSS의 핵심은 스타일을 적용하는 것입니다. 그럼 이제 CSS로 스타일을 어떻게 구현하는지 .....
  • Prototype on Sly is "3x faster"
  • Firejune Blog| 09.04.11 01:01
  • HTML : Javascript :// Overriding CSS Selector Engine. Sly.handlers = Selector.handlers; Sly.prototype.findElements = Sly.prototype.search; Sly.findElement = function(elements, expression, index) { if (Object.isNumber(expression)) .....
  • 새 DOM 셀렉터 엔진 - Sly
  • Firejune Blog| 09.03.28 13:47
  • Sly는 Harald Kirschner씨에 의해 만들어진 최신 DOM 선택자 엔진입니다. 고작 3kb크기(minified and gzipped)의 스텐드얼론(독립형)으로 실행되는 이 선택자 엔진은 위 차트(slickspe.....
  • 웹표준 | 선택자 알아보기
  • 유연준의 웹기획 | 웹표준| 08.08.01 10:06
  • 어제는 기본적으로 레이아웃을 어떻게 잡는지에 대한 내용을 봤습니다.오늘은 구조화된 문서에 속성을 효과적으로 적용하기 위해서는 선택자에 대한 내용을 보겠습니다.CSS에는 많은 속성들이 있습니다.각각의 속성들에 대해서는 계속적으로 언급할 일이 있으므로 .....
  • IE 계열의 CSS 다중선택자 버그에 대해
  • Minicube.kr - 블로그닷컴 Ver 3.02| 08.06.19 18:36
  • CSS에서 사용하는 다중 선택자(Multi Class)란 동일 엘리먼트에 여러개의 선택자(id, class)를 동시에 적용하기 위한 목적으로 여러개의 선택자를 사용하는 것을 말합니다.CSS1에서 선택자의 개념이 사용된 후, CSS2에서 다중 선택자가 추가되어 사용되고 있는데요, CSS.....
  • [내맘대로정한] id를 쓸것인가? class를 쓸 것인가?
  • WebUI 연구소| 08.03.27 12:54
  • class로 처리할 것인지 id로 처리할 것인지 tag명으로 처리할 것인지 구분하는 방법 정해야하는 순서(커버리지가 더 넓은 것에서 더 좁은 쪽으로 정해 나간다.)1. tag2. class3. id4. 선택자를 이용한 조합 Q1. 현재 작업하고 있는 페이지 혹은 웹사이트 전체에서 .....
  • CSS 선택자 정리
  • 개발을 통한 자기수양 - benelog| 07.09.06 18:59
  • 여러개의 element 선택h1, h2 { }class 선택자p.greentea} /* class가 greentea인 선택 */.greentea /* class가 greentea인 모든 태그 */id 선택자#footer} /* id가 footer인 모든 태그 */p#footer{}자식(Child)element 선택div h2{color:red} /* 하위에 있는선택 .....
  • CSS 선택자에 절대경로는 위험
  • 일모리와 웹표준| 07.05.10 11:23
  • 최근 배포한 워드프레스의 테마를 태터 스킨으로 변환하면서 여러 태터 스킨들을 살펴보게 되었다. 치환자와 여러 스타일시트 요소들을 둘러보기 위함이었는데 여기서 상당히 흥미로운 코딩패턴을 볼수 있었다. 꽤 많은 숫자의 스타일시트가 선택자 경로를 지.....
  • CSS 기본 세팅
  • UI개발 story| 07.04.26 19:23
  • Base.css 설명 태그 속성 설명 body {margin:0;padding:0;background-color:font-size:12px;font-family:굴림,gulim,sans-serif;color:} 배경 color 필수 hr {display:none;} 레이아웃 구분(top/left/contents/footer)에만 적용 img,fieldset {bor.....
  • CSS Selector에 대해 알아봅시다~ [응용편 #3]
  • 기다림hiphapis| 07.02.14 11:43
  • 마지막으로 여러 class를 선택하는 방법을 보시겠습니다. abc ol {list-style:none;margin-left:20px;} 이런 상황이었는데, 새로 올라온것은 볼드를, 인기있는것은 밑줄로 표시를 하고 이 두가지 모두인경우는 볼드, 밑줄 전부 주기로 하겠습니다. 우선 HTML을 수.....
  • CSS Selector에 대해 알아봅시다~ [응용편 #2]
  • 기다림hiphapis| 07.02.13 12:17
  • 다른 응용방법, 자기 자신에 대한 class를 선택하는 방법(?)을 보시겠습니다.123abc.list {list-style:none;margin-left:20px;}디자인은 똑같지만, 시멘틱한 마크업을 위해 li, ol 를 구분해서 코딩 했다고 가정을 하겠습니다.이렇게 서비스를 하던 어느날, ol 의 list .....
  • CSS Selector에 대해 알아봅시다~ [응용편 #1]
  • 기다림hiphapis| 07.02.09 01:25
  • 이번편은 CSS Selector(이하 선택자)의 응용편을 포스팅하도록 하겠습니다.초급편에서는 대표적인 선택자의 종류에 대해서 배웠는데, 이 선택자를 유용하고 세세하게 쓰기 위해, 정확한 선택을 하기 위한 방법에 대해 알아 보겠습니다.먼저 하위에 있는것을 선택하.....
  • CSS Selector에 대해 알아봅시다~ [초급편]
  • 기다림hiphapis| 07.02.07 12:23
  • CSS의 시작은 Selector로부터 한다고 말을 해도 과언이 아닙니다.그 이유는 모두가 알고 있겠지만, Selector 즉 선택자가 존재하지 않는다면 선언된 CSS가 어떤곳에 적용을 해야 할지 모르기때문이죠.명령은 했지만, 누구에게 명령을 한건지 모르는것과 비슷하다고 .....
  • CSS 구문과 선택자
  • Hooney.net| 07.02.06 08:12
  • dojo 자바스크립트 툴킷이 dojo.query라는 dojo를 위한 CSS Query Engine을 공개했다. CSS Query Engine이란 HTML DOM structures를 CSS 선택자로 접근할 수 있도록 하여, 보다 쉽고 빠르며 효율적으로 DOM을 이용할 수 있는 방법을 제공한다. 이 CSS Query Engine라는 .....