html이 렌더링되는 방법과 CSS가 어떻게 영향을 미치는지에 대한 좋은 설명을 찾고 있습니다.

Question

css/html이 렌더링되는 방법을 설명하는 자습서를 찾고 있습니다. 나는 틀린 수색 기간을 사용해야한다. 내가 찾을 수있는 모든 튜토리얼은 다음과 같습니다. 이것은 div입니다.

CSS를 많이 사용하지만 페이지 렌더링 방법을 더 잘 이해하고 싶습니다. 흐름 이해하기. 그래서 내가 어떤 순서로 물건을 넣는 것과 어떻게 그들이 다른 스타일로 행동 하는지를 설명합니다.

예를 들어 : 만약 내가 스타일

 .etype{ 
      width: 17px; 
      height: 11px; 
      display: inline-block; 
      float: right; 
      margin-top:5px; 
     } 

내가 먼저 ETYPE div를 넣어 그들을 href가

<li class="avail-items"> 
    <div class="etype edit-page"></div> 
    <div class="etype view-page"></div> 
    <span class="ptype"></span> 
    <a class="pages-manage" href="#"><?=$item->label?></a> 
</li> 

감사 후 표시 할 필요가

Answer 1

나는 개인적으로 그것의로이 설명처럼 매우 철저합니다.

http://taligarsiel.com/Projects/howbrowserswork1.htm