'웹표준·HTML·CSS' 카테고리의 글 목록

CSS 선택자(Selector)

선택자(Selector) 선택자는 Type(element),Universal(*),class/id,attribute(속성),가상요소/가상클래스,선택자결합(하위,자식,인접) 등으로 구성된다. Pattern Meaning S5 C8 F3.6 O11 I9b I8 I7 I6 #id id로 지정된 요소 선택 O O O O O O O O .class class로 지정된 요소 선택 O O O O O O O O E E 요소를 선택 O O O O O O O O E:link 방문..

웹표준·HTML·CSS 2015.12.01

[HTML] 특수문자 코드표

HTML Codes - Characters and symbols Red:Standard(All browsers) Navy:Nonstandard(ie,ff) ASCII HTML ASCII HTML DEC HEX CODE SYMBOL DEC HEX CODE SYMBOL 1 1 &#38;&#35;1; &#1; 129 81 &#38;&#35;129; &#129; 2 2 &#38;&#35;2; &#2; 130 82 &#38;&#35;130; &#130; 3 3 &#38;&#35;3; &#3; 131 83 &#38;&#35;131; &#131; 4 4 &..

웹표준·HTML·CSS 2015.11.26

브라우저 화면의 100% 높이를 유지하는 레이아웃

우선 height 100%를 사용하려면 html element와 body element의 높이를 100%로 확보해 주어야 합니다. #body 는 min-height 로 100%높이를 유지 해주고, #content-area 는 원하고자 하는 컨텐츠 영역을 확보 합니다. 이때, IE 는 min-height 를 지원하지 않으므로, conditional comment를 사용하여 height를 100% 로 확보 합니다. (주석같이 ..

웹표준·HTML·CSS 2011.07.22

메타태그(meta tag) 설명

메타태그는 <head>와</head>사이에 들어가며, 웹페이지에 관한 정보를 제공합니다. <meta http-equiv="content-type" content="text/html; charset=euc-kr" /> :웹문서의 언어를 설정 (euc-kr) <meta http-equiv="content-type" content="text/html; charset=utf-8" /> :웹문서의 언어를 설정 (utf-8) <meta http-equiv="imagetoolbar" content="no"..

웹표준·HTML·CSS 2011.04.25

유니버설 디자인을 위한 실전 UI(HTML/CSS)개발 가이드

목차 문서형(DTD)을 꼭 선언해야 하나요? 문서형(DTD)의 종류가 많던데 권장하는 것은 무엇입니까? XHTML의 문법은 HTML과 비교해서 무엇이 다른가요? HTML과 XHTML 가운데 어떤 문서형(DTD)을 사용하는 것이 좋을까요? 문자셋(charset)으로 UTF-8을 권장하는 이유는 무엇인가요? 휴먼 랭귀지(human language)가 무엇인가..

웹표준·HTML·CSS 2009.11.04

CSS 적용 체크포인트 4가지

HTML, XHTML, XML 등의 markup 문법 확인 감사(DTD선언에 기초한 문법 확인) ⇒ http://validator.w3.org XHTML 의미와 구조적 구성 <title> 각각의 문서 내용에 적합하게 사용해야 한다. <h1>~<h6> 문서내 중요도의 단계에 <ol>,<ul>,<p> <blockquote>,<del> 각 엘리먼트들이 의미에 맞게 사용되도..

웹표준·HTML·CSS 2008.12.03

올바른 마크업을 위한 준수사항

01 / 무분별한 table의 사용금지 02 / 잘못된 위치, 태그, 스크립트 사용 form태그 tr태그 사이에 넣지 않기 ⇒ 오류의 원인 (form태그의 공배해결을 위해) ⇒ 해결책 form {margin:0;} form submit 자바스크립트로 하지 않기 ⇒ 잘못된 표현예 <a href="javascript:search()"><img src="test.gif" /></a> ⇒ 해결책 <input ..

웹표준·HTML·CSS 2008.12.03

[CSS] class 와 id 구분하기

우리가 흔희 "class와 id 를 어떨때 사용하느냐"는 질문을 많이 받은적이 있다. 1. 스크립트 동작을 요구하는 경우 id를 사용하고 그렇지 않을경우 class를 사용하라. 2. 큰분류는 id를 사용하고 소분류는 class를 사용하라. --------------------------------------------------------------------------------- 대부분 중복글이지만 ..

웹표준·HTML·CSS 2008.12.03

CSS 필터 모음

모션필터 <style> #mb{ filter:progid:DXImageTransform.Microsoft.MotionBlur(Strength=30,Direction=90) } </style> 알파필터 <style> #af{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30) } </style> 쉐도우필터 <style> #sf{ filter:progid:DXImageTransform.Microsoft.Shadow(color='gray', Direction=135, Strength=5) } </style> 페이드인 / 페이..

웹표준·HTML·CSS 2008.12.03

WEB-COLOR (웹 색상 코드)

**드래그해서 원하는 색상을 선택, 복사해서 사용 하세요 ** #93DAFF #98DFFF #9DE4FF #A2E9FF #A7EEFF #ACF3FF #B0F7FF #B4FBFF #B9FFFF #C0FFFF #87CEFA #91D8FA #A5D8FA #AFDDFA #B9E2FA #C3E7FA #CDECFA #D7F1FA #E1F6FA #EBFBFF #00BFFF #0AC9FF #14D3FF #1EDDFF #28E7FF #32F1FF #3CFBFF #46FFFF #96FFFF #C8FFFF #00A5FF #00AFFF #00B9FF #00C3FF #00CDFF #00D7FF #00E1FF #00EBFF #00F5FF #00FFF..

웹표준·HTML·CSS 2008.12.03

숲속의 곰 9마리

웹표준·HTML·CSS 24

티스토리툴바

« 2025/06 »
일	월	화	수	목	금	토
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30