본문 바로가기

css340

6.2 font-weight 속성을 이용하여 글자 가늘고 굵게 만들기 6.2 font-weight 속성을 이용하여 글자 가늘고 굵게 만들기 font-weight 속성은 글자가 두텁게 혹은 가늘게 나타나도록 하는데 사용하는 속성으로 다음과 같은 형식을 사용합니다. font-weight : 속성값; 속성값으로는 기본적으로 “normal”을 사용하며 일반적으로 속성값으로 사용될 수 있는 값은 “normal”, “bold”, “bolder”, “lighter”, “inherit” 와 같이 5개의 값들 중 하나의 값으로 설정하거나 100, 200, …, 900과 값들 중 하나로 설정하여 사용할 수 있으며 100은 thin, 400은 normal, 700은 bold에 대응합니다. 간단하게 예제를 하나 해볼까요? 메모장을 열어서 기본적인 HTML5 문서 구조 형태를 작성한 후 블록과 .. 2013. 8. 4.
6. 폰트(Font) 6. 폰트(Font) 현재 2011년 10월 기준 CSS3 Draft 문서(“http://www.w3.org/TR/css3-fonts/”)에는 다양한 형태 폰트(font) 속성을 설정할 수 있는 방법들이 소개되어 있는데 이 책에서는 가장 기본적인 font 속성 을 이용하는 방법 정도만 소개합니다. 6.1 font-family 속성을 이용하여 사용할 글꼴을 설정하기 font-family 속성은 요소에 사용할 글꼴을 설정하는 속성으로 다음과 같은 형식을 사용합니다. font-family : family-name | generic-family | [family-name generic-family] | inherit; 속성값으로 “family-name”이나 “generic-family”이 올 수 있으며 “fam.. 2013. 8. 4.
5.2 색(Color)을 표현하는 방법 5.2 색(Color)을 표현하는 방법 기본적으로 HTML이나 HTML5에서 색을 표현하는 방법은 색 이름(color Name) 키워드 형태로 나타내는 방법과 color 속성에서 설명한대로 숫자형 색상값으로 나타내는 방법이 있습니다. 색 이름(color Name) 키워드 형태로 나타내는 기본 색상(Basic Color)는 “HTML요소{color:색이름}” 형태로 간단하게 사용할 수 있으며 사용할 수 있는 색이름은 “black”, “silver”, “gray”, “white”, “maroon”, “red”, “purple”, “fuchsia”, “green”, “lime”, “olive”, “yellow”, “navy”, “blue”, “teal”, “aqua” 총 16 가지 색을 사용할 수 있습니다. .. 2013. 8. 4.
5. 색(Color) 5. 색(Color) 오늘날 컴퓨터 모니터는 수백만 가지 색(color)을 표현할 수 있습니다. 이렇게 엄청난 색들 가운데서 여러분들이 원하는 색을 웹 페이지에 나타내기 위해서는 색(Color)에 대한 기본적인 이해가 필요합니다. CSS3에서 사용할 수 있는 색(Color)에 대하여 W3C에서는 작년(2011) 6월 권고안(Recommendation)을 채택하였고 해당 정보는 “http://www.w3.org/TR/css3-color/”에 있습니다. 위 권고안을 바탕으로 어떻게 색(Color)을 CSS3에서 다룰 수 있는지 알아봅니다. 5.1 색(Color) 관련 속성(Property) 색(color) 관련한 속성으로 HTML 요소(Element)의 내용(content)인 텍스트(text)의 색(colo.. 2013. 8. 4.

티스토리툴바