본문 바로가기

css 강좌20

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.
3. CSS 적용 우선 순위 3. CSS 적용 우선 순위 여러분은 조금 전 웹 페이지에 어떻게 CSS 코드를 이용하여 스타일을 적용할 수 있는지에 대해서 3 가지 방법을 배웠습니다. 웹 사이트를 만들다 보면 다수의 스타일을 적용하게 되며 3 가지 방법을 혼합하여 상황에 따라 사용하게 됩니다. 그런데 만약 일부 스타일을 중복될 경우 어떻게 내부적으로 처리될까요? 조금 전 3가지 방법을 이용한 결과로 다음과 같이 동일한 결과를 얻었습니다. 이 3 가지 방법에 대한 스타일이 적용되는 우선 순위는 다음과 같습니다. 이제 확인을 위해 메모장을 열어서 다음과 같이 “inlineStyle.html”과 동일한 형태로 코드를 작성합니다. CSS를 이용하는 방법 여러분들이 CSS를 웹 페이지에 적용하는 방법은 태그 블록 내에 직접 CSS 관련 코드를.. 2013. 8. 4.
2.2 필요한 HTML 태그 내에 직접 CSS 코드 입력 방법 2.2 필요한 HTML 태그 내에 직접 CSS 코드 입력 방법 필요한 HTML 태그 내에 직접 CSS 코드를 입력하는 방법은 스타일을 적용할 해당 HTML 태그 내에 style 속성을 이용하여 직접 스타일을 기술하는 방법으로 HTML 문서는 다음과 같은 구조로 되어 있습니다. … 위와 같은 구조를 참고하여 방금 전 “withheadTag.html”의 스타일 적용 결과와 동일하게 결과화면을 보려고 합니다. 이를 위해 메모장을 열어서 위와 같은 구조로 코드를 작성하고 태그 안에 다음과 같이 코드를 작성하면 됩니다. CSS를 이용하는 방법 여러분들이 CSS를 웹 페이지에 적용하는 방법은 CSS를 이용하는 방법 여러분들이 CSS를 웹 페이지에 적용하는 방법은 태그 블록 내에 직접 CSS 관련 코드를 입력하는 방.. 2013. 8. 4.
1.8 모든 요소(Element)를 포함하는 선택자(Selector) 구성과 규칙(Rule) 만들기 1.8 모든 요소(Element)를 포함하는 선택자(Selector) 구성과 규칙(Rule) 만들기 * 기호를 이용하여 모든 요소들을 선택하도록 하는 선택자로 구성하고 모든 요소들에 스타일을 적용하는 규칙을 다음과 같은 형식으로 만들 수 있습니다. *{ property:value; property:value; …} 메모장을 열어서 다음과 같이 코드를 작성합니다. 프로그래밍 언어 Java C# Objective-C 만들고자 하는 프로그램에 적합한 것을 선택하라 “universalEx.html”로 저장하고 IE9로 열어보면 다음과 같이 … 블록 내의 모든 요소에 대해서 글자색이 빨강색(red)로 적용되어 나타납니다. - 본 저작물은 본인이 2011년 상반기부터 2012년 여름 즈음까지 도서 출판을 목적으로 .. 2013. 8. 1.