웹표준 썸네일형 리스트형 개발자를 위한 웹 표준 CSS의 이해 2(작성 방법, 우선순위, Selector) 2011/02/17 - [Developer/웹개발 기초] - 개발자를 위한 웹 표준 CSS의 이해 1(CSS BoxModel, Position, float, clear, z-index) CSS 작성 방법, 우선 순위, Selector 이번 시간에는 CSS의 작성 방법과 우선순위, 그리고 Element를 Select하는 방법에 대해서 알아보도록 하겠습니다. 1. 작성 방법 작성 방법의 종류는 아래와 같습니다. Inline Element에 직접 작성 Style Tag Style Tag에 직접 작성 Link Tag 외부 CSS를 Link Tag를 이용하여 연결 다음은 작성 Sample 입니다. 1. Inline Inline Style 2. Style Tag Style Tag 3. Link Tag stylesh.. 더보기 CSS Cross Browser Zoom In/Out(웹 브라우저 줌인/줌아웃) Zoom 이라는 속성이 있습니다. 값은 normal, number(scale), percentage를 받으며 적용은 아래와 같습니다. body { /* default : normal, 1.0, 100% */ zoom:1.25;/* number(scale) */ /*zoom:125%;percentage */ } script의 경우는 아래와 같습니다. $(document).ready(function() { //document.body.style.zoom = 1.00; //document.body.style.zoom = "100%"; document.body.style.zoom = "normal"; }); 적용은 간단합니다.. 이것은 IE 전용입니다. (하지만 Chrome, Safari4+ 에서도 됩니다.) .. 더보기 개발자를 위한 웹 표준 HTML의 이해 1(DTD[Document Type Definition]) 웹 개발자를 위한 웹 표준 코딩을 위한 HTML의 이해 그 첫 번째 시간입니다. 오늘은 HTML에서 가장 최 상위에 선언되는 DTD에 대해서 알아보도록 하겠습니다. DTD 사용 이유! DTD는 브라우저의 렌더링 모드를 지정하고 유효성 검증기의 기준이 되므로 HTML 문서의 상단에 선언되어야 합니다. DTD가 선언 되어 있지 않는 경우에는 브라우저 별로 Tag의 해석 방식이 다른 Quirks mode로 렌더링 되어 브라우저 별로 각각 다른 화면이 나타날 수 있습니다. Wiki ko 참고 : http://ko.wikipedia.org/wiki/HTML#.EB.AC.B8.EC.84.9C_.ED.98.95.EC.8B.9D_.EC.84.A0.EC.96.B8 DTD의 종류로는 HTML 4.01, XHTML 1.0,.. 더보기 이전 1 다음
