글꼴 관련 프로퍼티 글꼴이나, 글자크기, 이탤릭체 표현여부 등을 지정 font-family(글꼴종류) 프로퍼티 font-size(글꼴 크기) 프로퍼티 font-style(글꼴 스타일) 프로퍼티 font-variant (글꼴 변형) 프로퍼티 font-weight(글꼴 두께) 프로퍼티 font-stretch(글꼴 너비) 프로퍼티 font 프로퍼티 @font-face (웹 폰트)프로퍼티 text-shadow (그림자 효과)

텍스트 스타일 관련 프로퍼티 텍스트의 방향이나 정렬, 줄 표시여부 등을 지정 프로퍼티기능text-decoration텍스트에 밑줄이나 취소선, 윗줄 등을 추가 none, underline, overline, line-through, initialtext-align텍스트 정렬 left, right, center, justifytext-indent텍스트의 들여쓰기와 내어쓰기 pxletter-spacing글자 간격 px, pt, cm, em, etcword-spacing단어 간격 px, pt, cm, em, etctext-transform텍스트의 알파벳을 대문자 또는 소문자로 지정 none, capitalize, uppercase, lowercasewhite-space문서의 태그 내에 생기는 공백의 처리 여부를..

텍스트 관련 스타일 CSS3에서는 여러 가지 속성들을 이용하여 텍스트 및 레이아웃을 스타일링 할 수 있습니다. 구분설명텍스트 스타일 (text)텍스트의 방향이나 정렬, 줄 표시여부 등을 지정글꼴 스타일 (font)글꼴이나, 글자크기, 이탤릭체 표현여부 등을 지정

CSS 적용 우선순위· 태그하고 가까이 있는 것이 스타일이 가장 강한 속성을 가지고 있습니다.· 그래서 스타일 충돌시 인라인 스타일이 가장 먼저 적용되어 사용되어 지게 됩니다. 우선순위 style요소 1 ID #id 로 지정한 속성 2 class .클래스, :추상클래스 로 지정한 속성 3 태그이름으로 지정한 속성 4 상위 객체에 의해 상속된 속성 4 외부 CSS 파일

id 속성과 class 속성 모든 태그에는 id 속성과 class 속성을 지정할 수 있습니다. 이 속성을 사용하면 CSS나 Java Script등에서 태그를 좀더 쉽게 다룰 수 있습니다. id vs class 구분idclass원칙원칙상 하나의 id당 하나의 태그에만 적용하나의 class당 여러 태그에 적용호출id="아이디명"class="클래스명"선언#아이디명.클래스명 id,class 선택자에 따라 스타일 적용 #idName { width: 200px; height: 100px; border: 2px solid magenta; } .className { width: 100px; height: 50px; background-color: #0099ff; border: 1px solid green; } idNa..

CSS 적용방법 태그 선택자와 클래스 선택자 연계 태그 선택자와 아이디 선택자 연계 가상클래스 선택자 클래스 선택자 한 요소에 여러 개의 CSS를 정의할 때 사용 태그_선택자.클래스_선택자 { CSS 선언 }.클래스_선택자 { CSS 선언 } 태그_선택자.클래스_선택자 { CSS 선언 } 클래스 선택자에 따라 적용 ID 선택자 특정 ID를 부여해서 적용시키는 방법 #ID_선택자 { CSS 선언 } 클래스 선택자에 따라 적용 #ID_선택자 { CSS 선언 } ID 선택자에 따라 적용 클래스 선택자와 아이디 선택자 이름의 명칭은 사용자가 임의로 지정하여 사용할수 있으며 특정 태그에 제한 없이 어느 태그에서나 사용가능합니다. 구분클래스 선택자아이디 선택자시작기호.(마침표)#(해쉬)속성명classid역할문서에서..