CSS selector6 first-child, last-child, first-of-type, last-of-type first-child, last-child, first-of-type, last-of-type 메모장으로 “nth-of-typeANDnth-last-of-type.html”을 열고 블록 안의 코드를 다음과 같이 수정합니다. 위와 같이 수정한 후 다른 이름으로 저장을 선택한 후 “structural-others.html”로 저장하고 ①의 주석을 “tr:first-child{background-color: green;}”와 같이 풀어주고 저장한 후 IE9를 통해 그 결과를 확인합니다. 그 다음 다시 코드로 돌아와서 ①에 주석 처리한 후 ②의 주석을 풀어주고 저장한 후 IE9를 통해 그 결과를 확인합니다. 이와 같은 과정을 ③, ④에도 적용하여 확인하면 앞서 표에서 설명한대로 나타내게 됩니다. - 본 저작물은.. 2013. 8. 1. 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. 1.4.5 “[속성^=속성값]”의 경우 1.4.5 “[속성^=속성값]”의 경우 속성이 속성값으로 시작되는 값을 가질 경우에 정해준 스타일이 적용되는 형태로 블록 내에 모든 코드를 주석 처리하고 다음과 같이 코드를 작성, 저장합니다. 그 다음 IE9를 통해서 보면 4개의 h4 요소의 title 속성이 모두 “book”으로 시작하기 때문에 다음과 같이 모두 스타일이 적용되어 나타납니다. 1.4.6 “[속성$=속성값]”의 경우 속성이 속성값으로 끝나는 값을 가질 경우로 이해를 돕기 위해서 … 블록 내의 모든 코드를 주석() 처리한 후 다음의 코드를 추가합니다. 스타일 시트 파일 HTML 문서 word 문서 h4 요소에 파일 확장자(file extensions) 속성을 설정하고 속성값으로 각각 “.css”, “.html”, “.docx”로 설정하였습.. 2013. 7. 31. 1.4.4 “[속성|=속성값]”의 경우 1.4.4 “[속성|=속성값]”의 경우 속성이 속성값과 같거나 속성값이 “속성값-…”의 형태의 속성값일 경우, 즉 속성값 다음에 – 로 이어져 나타나는 속성값일 경우를 의미하는 것으로 블록 내에 다음과 같이 코드를 수정, 저장합니다. 그 다음 IE9를 통해 보면 title 속성의 속성값이 각각 “book_title”, “booktitle”, “book title”인 3개의 h4 요소에 대해서 어느 것 하나 스타일이 적용되지 않고 다음과 같이 나타나게 됩니다. - 이 포함된 속성값에 스타일이 적용되는 것을 확인하기 위해서 … 블록 내에 다음과 같이 한 줄을 추가, 저장합니다. HTML5,CSS and Javascript XML & LINQ 그 다음 IE9를 통해 보면 다음과 같이 - 이 포함된 속성값에 스.. 2013. 7. 31. 이전 1 2 다음