CSS 교재18 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. 1.7.2 자식(Child) combinator 1.7.2 자식(Child) combinator 자식 combinator는 선택자1(selector1)이 selector2를 자식의 형태로 취하는 것으로 “>” 기호를 이용하여 다음과 같은 형식으로 사용합니다. selector1 > selector2 { property:value; property:value; …} “combinatorEx.html” 파일을 메모장으로 열어서 다음과 같이 “자손(Descendant) combinator” 코드 밑에 h4 요소 중 클래스이름이 myclass인 요소에 대해서 배경색이 청록색이 되도록 설정합니다. 저장한 후 IE9를 통해 확인해보면 다음과 같이 h4의 자식 요소들 중에서 class 속성값이 “myclass”인 p요소에 배경색을 청록색으로 다음과 같이 나타냅니다... 2013. 8. 1. 1.7 combinator를 이용한 선택자 구성과 규칙 만들기 1.7 combinator를 이용한 선택자 구성과 규칙 만들기 combinator는 여러 개의 단순한 선택자(selector)를 조합하여 하나의 통합 선택자(selector)를 만드는 형태로 자손(Descendant), 자식(Child), 인접 형제(Adjacent Sibling)과 일반적인 형제(General Sibling)으로 구분하며 이에 대한 개념을 이해하기 위해서 다음과 같이 HTML 문서를 작성합니다. Program Files 디렉토리는 여러분들이 설치하는 프로그램이 기본적으로 위치하는 곳입니다. Program Files 디렉토리 안에는 다양한 프로그램들 Microsoft Office 오피스 프로그램이 위치하고 있습니다. Windows 디렉토리는 여러분의 두뇌와 같은 역할을 하는 프로그램들이 .. 2013. 8. 1. 이전 1 2 3 4 5 다음
