CSS 구문과 선택자

dojo 자바스크립트 툴킷이 dojo.query라는 dojo를 위한 CSS Query Engine을 공개했다. CSS Query Engine이란 HTML DOM structures를 CSS 선택자로 접근할 수 있도록 하여, 보다 쉽고 빠르며 효율적으로 DOM을 이용할 수 있는 방법을 제공한다. 이 CSS Query Engine라는 단어는 IE7 스크립트 라이브러리를 개발한 Dean Edwards가 2004년에 처음 사용한 것으로 알고 있다. 그는 이미 cssQuery를 개발해서 배포중이다. 또한 jQuery, [...]

CSS 선택자 남용 유감

CSS는 Cascading Style Sheet의 약자이다. 의역하면, 계단형(상속형) 스타일 시트이다. CSS는 (x)HTML의 외양을 꾸미는 역할을 하며, 이름에서 알 수 있듯이 CSS의 가장 큰 특징은 상속형이다. 각각의 CSS 요소들의 정의된 성질들이 조상/자손, 부모/자식 관계 속에서 상속된다는 것이다. 이렇게 상속되는 특징을 잘 이해하고, CSS를 제작한다면, 웹문서는 출렁이는 파도처럼 부드러움을 갖게될 것이다. 웹사이트 전체적인 통일성과 유동성을 쉽게 구성할 수 있고, [...]

스타일쉬트 기본 설정

웹브라우저마다 h1~6의 머릿글이나 p, hr, ul, ol, li 등 여러 기본 선택자들의 마진과 패딩값이 다르게 표현된다. 이런 차이는 * 는 전체 선택자이다. CSS는 이름그대로 계단형식으로써 부모/자식 사이에 각 속성들을 상속하기 때문에, 전체 선택자의 속성에 특정값을 지정할 경우 자식이 되는 모든 선택자들이 그 속성을 따르게 된다. @/* =reset --------------------------------------------------*/ * {margin:0; padding:0;border:none;} @ 나는 CSS 파일을 제작할 때, 가장 상단에 이렇게 코드를 [...]

 
Be Friend~! 웹 접근성 향상 캠페인