본문 바로가기

css340

1.5.3 언어(lang) pseudo-class 1.5.3 언어(lang) pseudo-class 언어(lang) 의사 클래스는 영어(en), 프랑스어(fr), 한국어(ko)와 같이 각 나라 혹은 지역의 언어와 관련되어 사용되는 선택자를 구성하는데 사용되며 다음과 같은 형식을 따릅니다. selector:lang(C) { property:value; property:value; …} lang(C)에서 C에 올 수 있는 것은 “en”, “fr”, “ko”와 같은 각 나라 혹은 지역의 언어를 나타내는 코드를 넣어주면 됩니다. 메모장을 열어서 다음과 같이 작성합니다. 그는 말하길 오늘은 조금 일찍 퇴근할 수 있을꺼야. He said I'm so glad to meet you. 孔子 曰 學而時習之 不亦悅乎 위와 같이 한국어, 영어, 중국어로 된 문장을 포함하고.. 2013. 7. 31.
1.5.2 target pseudo-class 1.5.2 target pseudo-class target 의사 클래스(pseudo-class)는 참조되는 URI의 대상(target) 요소(Element)를 나타내는데 사용됩니다. 그래서 HTML 문서 내의 특정 위치를 가리킬 수 있도록 할 수 있는데 URL을 이용할 경우 번호 기호를 나타내는 #와 fragement identifier(혹은 anchor identifier)을 함께 사용하여 나타낼 수 있습니다. "http://example.com/prog.html#section_2" 위에서 prog.html 문서 안의 fragement identifier는 “section_2”을 가리킵니다. 이러한 fragement identifier는 HTML5의 특정 요소(Element)의 id 속성값이 될 수도 .. 2013. 7. 31.
1.5.1 동적(dynamic) pseudo-class 1.5.1 동적(dynamic) pseudo-class 웹 사이트에서 여러분은 하나의 링크(link)의 상태가 방문 전(unvisited), 방문됨(visited) 그리고 활성화(active) 3가지 주요 상태가 있다는 것을 알고 있을 것입니다. CSS에서는 이에 대응하는 dynamic pseudo-class로 각각 a:link, a:visited, 그리고 a:active로 나타낼 수 있습니다. 또한 CSS3에는 여기에 a:hover, a:focus를 사용할 수 있도록 정의되어 있습니다. 그래서 일반적인 사용 형식을 나타내면 다음과 같은 형태로 사용할 수 있습니다. 그리고 위에서 사용된 의사 클래스(pseudo-class)에 대하여 정리하면 다음과 같습니다. pseudo-class 설명 link 아직 방.. 2013. 7. 31.
1.4.7 “[속성*=속성값]”의 경우 1.4.7 “[속성*=속성값]”의 경우 속성이 속성값으로 설정된 문자열을 적어도 한 번 이상 포함하는 경우로 이해를 위해서 … 블록 내의 모든 코드를 주석() 처리한 후 다음의 코드를 추가합니다. CSS(Cascading Style Sheet)는 ... HTML5는 ... CSS, HTML5의 ... 위와 같이 h4 요소의 title 속성에 CSS 문자열이 1번 혹은 2번 나타나거나 아니면 없는 형태로 코드를 작성, 저장한 후 IE9를 통해 보면 다음과 같이 나타나게 됩니다. 이제 스타일을 적용하기 위해서 블록 안을 다음과 같이 수정, 저장합니다. 위와 같이 h4 요소의 title 속성 중 해당 속성값이 “CSS” 문자열을 한 번 이상 포함하는 속성값을 갖는 h4 요소에 대해서 글꼴 색상을 빨강색으로 텍.. 2013. 7. 31.