가상클래스 종류 p:first-letter { font-size : 2.5em ; } li:after { content : ";" ; } 태그에서 사용 예 span:hover{ }

전체 선택자· 전체선택자는 사용중인 모든 태그를 선택할 때 사용(HTML 페이지에 있는 모든 요소를 대상으로 스타일을 적용)· 표시는 '*'로 표시합니다.· 주로 여백을 줄때 사용합니다.

이웃선택자· 처음 나온 바로 다음 태그에 CSS 스타일을 지정합니다. · '+'기호를 사용해서 표시해 줍니다. 이웃선택자 설정 형식 div+p { color: #ff0000; }

direction 프로퍼티· 텍스트의 쓰기 방향을 지정할 때 사용합니다.· 기본적으로 텍스트는 왼쪽에서 오른쪽으로 표시가 되는데, direction의 속성 값을 이용하여 오른쪽에서 왼쪽으로 표시되도록 할 수 있습니다. direction 형식Diection 속성은 다음과 같이 선택자를 지정하고 속성 값을 지정해 주면 되는데, 이때 속성 값으로 ltr과 rtl을 갖습니다. 속성값 설명 ltr · 기본 값으로 텍스트를 왼쪽에서 오른쪽으로 표시합니다. · direction에 속성 값을 지정하지 않으면 ltr로 표시됩니다. rtl · 텍스트를 오른쪽에서 왼쪽으로 표시하는 속성 값

text-decoration 프로퍼티· 텍스트에 밑줄이나 취소선, 윗줄 등 줄을 표시하는 속성입니다.· 주로 텍스트 링크의 밑줄을 없앨 때 사용합니다. · text-decoration 속성이 블록 레벨 요소에 적용된다면 하위 체계에도 모두 적용됩니다. 프로퍼티 값 설명 none · 형태 없음 · 기본값 underline · 밑줄 표시 overline · 윗줄 표시 line-through · 취소선 표시 · 영역을 가로지는 선 표시 initial · 디폴트값으로 설정

text-align 프로퍼티텍스트를 정렬하는 프로퍼티입니다. 프로퍼티 값 설명 left 왼쪽 정렬 right 오른쪽 정렬 center 가운데 정렬 justify 좌우 정렬 (양쪽 정렬) 문자열 테이블 행에만 적용되는 값으로, 지정된 문자열을 중심으로 정렬