0

css/html がどのようにレンダリングされるかを説明するチュートリアルを探しています。間違った検索用語を使用しているに違いありません。私が見つけることができるのは、次のようなチュートリアルだけです: This is a div....

私は CSS をよく使用しますが、ページがどのようにレンダリングされるかをよりよく理解したいと考えています。フローを理解して、なぜ物事を特定の順序で配置し、どのようにスタイルを設定して異なる動作をさせるかを理解します。

例：私がスタイリングする場合

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

hrefの後に表示するには、etype divを最初に配置する必要があります

<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>

ありがとう

4

1 に答える 1

1

私は個人的にこの説明が非常に徹底しているので気に入っています。

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

于 2012-10-18T18:16:51.637 に答える