수다닷컴

잠시 코딩에 손을 놨다가 다시금 시작하려는데 기억도 가물가물하고 도통 뭔지 모르겠어서 이렇게 초보적이지만 질문올립니다.
네이버 소스보기해서 코드를 좀 보았습니다.
요즘에 네이버 뿐 아니고 다른 웹 사이트들도 비슷하던것 같더라구요.

DIV, UL, LI, DL, OL, DT, DD, EM, HR
위와 같은 항목이 있는데요.
DIV
UL
LI

위 처럼 이렇게 코딩을 할텐데. 적어드린 항목을 저렇게 계층구조로 쉽게 설명을 좀 해주시면 감사하겠습니다.
항목별 간략한 설명도 함께요.

그리고 또 한가지 CSS 질문인데요.
.rankpop
.rankpop dt
.rankpop dl
.rankpop li
.rankpop li a
.rankpop li.new .ic
궁금한건 위에 상위 엘리먼트에서 속성이나 값들을 지정했다면, 아래에 있는 하위 엘리먼트들은 상위 엘리먼트의 값을 상속받는건지 궁금하고, 맨 아래 코드는 뭔가 복잡해보이는데요. 맨 아래 코드에 대해 간략한 설명부탁드립니다.

그리고
.cast:after {display:block; clear:both; content:'}
위 같은 코드가 있떤데요.
.cast:after 이런 형태도 a:hover말고는 첨 보거든요? 간략한 설명.ㅠ
그리고 뒤에 속성들도 설명 간략히 부탁드려요.

그냥 책을 사서 보지 하고 말씀하실 수 있겠지만.ㅠ
책은 여러개 있는데 이런부분은 잘 설명이 안되있어서요.

혹시 제가 질문한 부분에 대한 책이 있다면 추천도 함께 해주시면 감사하겠습니다.

신청하기