본문 바로가기

CSS15

웹표준 유효성 검사를 하자 웹표준을 준수해 구조(HTML, XHTML)와 표현(CSS)를 분리하였다면 최소한의 디버깅을 거치는 것이 좋다. 현재 W3C에 유효성 검사(Validation) 도구가 제공되고 있으니 이를 활용하면 doctype에 규정된 문서의 형식에 따라 유효한 코드의 사용여부를 검사하고 보완하자. W3C의 유효성 검사도구는 3가지 방법을 지원한다. 첫번째는 해당 페이지 주소를 통한것이고, 두번째는 작성한 파일을 업로드 하는 것, 마직막으로 소스를 직업 붙여넣어 검사를 할 수가 있다. 유효성 검사 도구: http://validator.w3.org css의 유효성 검사 : http://jigsaw.w3.org/css-validator/ 2007. 9. 14.
실전 웹 표준 가이드 (2005) 모질리아 참조: http://mozilla.or.kr/docs/web-developer/standard/ 저자: 윤석찬 (E-mail) channy@gmail.com (Blog) http://channy.creation.net/blog신현석 (E-mail) hyeonseok@gmail.com (Blog) http://hyeonseok.com/blog이성노 (E-mail) eouia0819@gmail.com (Blog) http://eouia0.cafe24.com/blog신정식 (E-mail) jshin@i18nl10n.com 본 가이드는 XHTML, CSS, DOM, ECMAScript 등 모든 웹 표준에 대한 이슈를 새롭게 정리하고, 웹 개발 프로젝트에서 표준을 준수하는 방법을 제공하는 가이드 입니다... 2007. 9. 14.
display 디스플레이는 html 엘리먼츠가 화면에 어떻게 보여지는지를 결정한다. 사용할 수 있는 선언문(속성과 값)은 다음의 4가지(IE와 FireFox 사용환경을 고려) blockinlinenonelist-item 설명block: 단락처럼 한 블럭으로 보여진다.inline: 위 block과는 대로대는 속성으로 가로로 나열되는 형태로 보여진다.none: 모든 것이 감추어 진다.list-item: ul처럼과 같이 목록으로 보여진다. 이 부분에 대해서는 아래 그림을 참조하자. 2007. 9. 13.
CSS Color Names Color Name Color HEX Color AliceBlue #F0F8FF AntiqueWhite #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC Bisque #FFE4C4 Black #000000 BlanchedAlmond #FFEBCD Blue #0000FF BlueViolet #8A2BE2 Brown #A52A2A BurlyWood #DEB887 CadetBlue #5F9EA0 Chartreuse #7FFF00 Chocolate #D2691E Coral #FF7F50 CornflowerBlue #6495ED Cornsilk #FFF8DC Crimson #DC143C Cyan #00FFFF DarkBlue #00008B D.. 2007. 9. 13.
CSS 기본 설정값 디자인을 코딩으로 만들기 위해 디자이너마다 차이는 있겠지만 가능한 모든 엘리먼츠의 margin, padding, border의 기본값을 '0'으로 놓는다. 예를 들면 css가 처음에 html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; border: 0; } 이런 식으로... 좀 더 쉽게 하고자 할 경우 다른 방법은 * { margin: 0; padding: 0; border: 0; } 이렇게 하게 되면 모든 엘리먼츠의 기본값이 쉽게 0으로 된다. 이제 필요에 따라 id나 class를 이용해 기본값 이외의 값은 적용해 가며 사용하면 된다. 2006. 6. 22.
Class와 ID의 차이 스타일을 적용하면서 무척 헷갈려하는 부분중에 하나다. 중요한 차이점은 문서내에서 id 셀렉터는 이름이 한번만 나와야 한다는 것이다. 이는 id 셀렉터에 부여된 이름이 하이퍼 링크의 대상이 될 수 있기 때문이다. 이렇듯 name태그의 역할을 겸하는 것이 아니라면 굳이 id 셀렉터를 사용할 이유가 없다. 2006. 3. 3.