스타일시트(7)
-
CSS 데이터 형식
데이터 형식 데이터 : 스타일시트에서 사용되는 프로퍼티의 값 정수와 실수 10진법으로 표기, 양과 음 지정, 단위와 함께 사용시 값 범위 제한 길이 글꼴 및 이미지 크기 조절. 상대 단위와 절대 단위로 분류 h1 { margin: 0.5em; } /* em, 요소의 글꼴(font) 높이 */ h1 { margin: 1ex; } /* x-height, 글자 'x'의 높이 */ p { font-size: 12px; } /* pixels, 화면에 상대적으로 */ 상대 단위 : em(글꼴의 크기), ex(글꼴의 x너비), px(픽셀) h1 { margin: 0.5in; } /* 인치(inche), 1in = 2.54cm */ h2 { line-height: 3cm; } /* cm, centimeter */ h3..
-
HTML 요소를 선택자로 사용시
HTML 요소를 선택자로 사용시 tag { … } 특정 요소에 특정 스타일을 적용 : 태그에 대한 스타일만 적용 p { font-family: 휴먼매직체; font-size: 20pt; } tag, tag, … tag { … } 여러 요소에 동일 서식 적용 : , 태그에 적용 p, b { font-family: 휴먼매직체; font-size: 20pt; } tag1 tag2 { … } tag1 내의 tag2에만 스타일을 적용할 때 사용 p b { font-family: 휴먼매직체; font-size: 20pt; }
-
CSS 선언
CSS 선언 선택자 { 프로퍼티1 : 값1; 프로퍼티2 : 값2; … … 프로퍼티n : 값n; } 문자 색을 red로 지정 h { color: red; } 글꼴 red, 크기 12 포인트 지정 p { color: red; } p { font-size: 12pt; } p { color: red; font-size: 12pt; } 값(value) 프로퍼티의 종류에 따라 지정하는 일정 범위의 값, 대상 프로퍼티의 값 키워드그 자체가 의미를 가진 값으로, 큰 따옴표를 사용하지 않는다.일반값 안에 표기한 데이터 형태를 가리킨다.
-
CSS 기본 구성요소
CSS의 기본 구성 요소 선택자(selector)표시 정보를 적용하는 요소 타입으로 적용 대상 범위 지정 XHTML의 모든 요소 사용 가능프로퍼티(property)CSS의 실질적인 기능을 의미, 선택자에 대해 어떤 스타일을 부여할지를 지정값(value)프로퍼티의 종류에 따라 지정하는 일정 범위의 값, 대상 프로퍼티의 값 키워드그 자체가 의미를 가진 값으로, 큰 따옴표를 사용하지 않는다일반값 안에 표기한 데이터 형태를 가리킨다.
-
CSS Color Names
CSS Color Names http://www.w3schools.com/cssref/css_colornames.asp [ff0000]빨[ff8c00]주[ffff00]노[008000]초[0000ff]파[4b0082]남[800080]보
-
CSS 용어
CSS 용어 용어설명제작자(Author)XHTML이나 XML문서를 제작자를 의미합니다.사용자(User)"클라이언트"라고도 불리며 제작자가 만든 문서를 사용하는 사람을 의미합니다.유저 에이전트(User Agent)사용자가 하려는 행위를 대신해주는 프로그램을 지칭합니다. 즉, 사용자가 문서를 볼 수 있도록 해주는 것으로, 제작자가 만든 문서를 시작적, 청각적인 형태로 바꾸어 사용자에게 제고하는 프로그램을 말합니다. 웹 브라우저등의 웹클라이언트 프로그램이 이에 해당됩니다.문서 언어(Document Language)웹 문서를 만드는데 사용되는 언어를 의미합니다. XHTML, XML등이 있습니다.요소(Element)문서 언어의 요소를 말합니다.속성(Attribute)요소에서 세부적인 속성을 의미합니다.값(Valu..