본문 바로가기

전체 글314

table - CSS를 이용한 table 응용 테이블을 이용하여 레이아웃을 잡는것이 바람직 하지 않다고 하더라도 아직까지는 테이블을 이용한 레이아웃이 여전히 많이 쓰이고 있습니다. 이는 새로운 기술을 익히기가 힘들다는 점도 있지만 웹브라우저들이 CSS를 아직까지 완벽하게 지원하지 못하는 이유도 있습니다.그러므로 테이블은 여전히 많이 쓰이게 되는 중요한 태그이고, 이 테이블을 좀더 정교하게 다루기 위해서는 CSS를 사용해야 합니다.테이블에서 자주 사용하는 CSS를 팁 형식으로 계속적으로 소개해 나가겠습니다.테이블 태그 자체에서 사용하는 CSS 속성으로는 대표적으로 border-collapse 와 table-layout 이 있습니다.border-collapse 는 테이블의 경계선을 어떻게 표시하느냐를 지정하는 속성이고 table-layout 은 테이블 .. 2014. 1. 1.
block-level과 inline-level HTML element 를 크게 2가지로 구분해보면 head element 처럼 화면에 표시되지 않은 element가 있고 div, p, table...과 같은 element 처럼 화면에 표시되는 element로 나눌 수 있습니다. 그릭 화면에 표시되는 element를 다시 두 가지로 분류하면 block-level과 inline-level로 구분할 수 있습니다. 화면에 표시되지 않는 element화면에 표시되는 elementblock-levelinline-levelblock-level과 inline-level의 구분 block-level과 inline-level을 가장 쉽게 구분할 수 있는 방법은 한 라인에 복수로 올 수 있나의 여부입니다. block-level element는 한 라인에 하나만 위치할 .. 2014. 1. 1.
Class 선택자(Class Selector) 아래는 클래스 선택자를 사용한 예제입니다.CSS 선택자(Selector)CSS에서 가장 중요한 개념은 선택자(Selector)라고 할 수 있습니다. 선택자(Selector)가 있어야 선언된 CSS가 어디에 적용될지를 결정할 수 있기 때문입니다. 특히 CSS는 상속의 개념을 가지므로 선택자(Selector)에 대한 확실한 이해가 없이는 CSS를 제대로 활용하지 못합니다.선택자(Selector)의 종류선택자(Selector)는 아래와 같이 4개로 나누어볼 수 있습니다. 공통 선택자(Universal Selector) 타입 선택자(Type Selector) ID 선택자(ID Selector) Class 선택자(Class Selector) 공통 선택자(Universal Selector)공통 선택자(Univers.. 2014. 1. 1.
CSS 선택자(Selector) CSS에서 가장 중요한 개념은 선택자(Selector)라고 할 수 있습니다. 선택자(Selector)가 있어야 선언된 CSS가 어디에 적용될지를 결정할 수 있기 때문입니다. 특히 CSS는 상속의 개념을 가지므로 선택자(Selector)에 대한 확실한 이해가 없이는 CSS를 제대로 활용하지 못합니다.선택자(Selector)의 종류선택자(Selector)는 아래와 같이 4개로 나누어볼 수 있습니다.공통 선택자(Universal Selector)타입 선택자(Type Selector)ID 선택자(ID Selector)Class 선택자(Class Selector)공통 선택자(Universal Selector)공통 선택자(Universal Selector)는 *로 표현되는 선택자입니다.* { color: gray;.. 2014. 1. 1.

티스토리툴바