codingfarm

nth-child() n번째 자손중 타입이 일치하는 것만 선택한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 p:nth-child(3) { background: red; } The first paragraph. The second paragraph. The third paragraph. The fourth paragraph. The fifth paragraph. The first paragraph. The second paragraph. The third paragraph. The fourth paragraph. The fifth paragraph. Colored by Color Scripter ..

아래처럼 크게 2가지 방법이 존재한다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 h2{color:blue} Hello World Hello World Colored by Color Scripter cs

CSS란 웹페이지를 꾸며주는 언어이다. 그러므로 HTML에 대한 전반적인 지식이 사전에 필요하다. 우선 HTML의 본질에 대해 알아야 하며, 이는 정보에 있다. HTML은 전자출판(정보의 생산, 보관, 전송)을 목적으로 둔 언어이다. 즉, HTML에서 제일 중요한것은 어떻게 정보를 표현할것인가 에 있다. 최초의 HTML은 웹페이지를 멋지게 꾸밀 기능이 전무했기에 웹디자인이라는 용어 자체가 전무했다. 그렇기에 웹페이지가 아름답게 보이고 싶은 사람들의 요구사항에 부합하기 위해 기존의 정보에 목적을 둔 tag이외에 디자인을 위한 tag가 생겨났다. 대표적으로 태그가 있으나, 이 tag는 재사용성 문제와 정보전달이라는 HTML본연의 역할을 부합하지 못했기에 오늘날 사용이 금기시 되어있다 볼 수 있다. 이렇듯 H..

www.w3schools.com/html/html5_semantic_elements.asp opentutorials.org/module/1892/10954 웹에서 정보로서의 가치가 중요해지면서 사람과 검색엔진 등 다방면 활용하기 좋게 하기 위한 여러 시도가 있었으며 semantic tag(의미론적 태그)는 그 시도들 중 제일 유의미한 결과를 가저다 주었다. semantic은 굉장히 추상적이고 광범위 하기에 한마디로 표현하기가 힘들다. 그렇기에 여기서는 HTML tag 를 의미에 맞게 잘 쓰기 위한 방법론이라 이해하면 된다. 가령 대표적인 semantic으론 tag의 이름만으로 웹의 상단,중단,하단, 제목등을 구분하게끔 하기 위한것이 있다. 가령 아래와 같은 HTML 코드를 보자 1 2 3 4 5 6 7 ..