HTML]タグのクイック作成(略語)

1.クラス名を追加(.)

div.title

<div class="title">

2.id名を追加(#)

div#title

<div id="title">

2.サブタブの追加(>)

div>button 

<div>
	<button>자식</button>
</div>

3.新しいラベルを追加(+)

div+button

<div></div>
<button></button>

4.cssを接続するタグを追加(link:css)

link:css

<link rel="stylesheet" href="style.css">

総合復習

    section.test__section>header.test__header+footer#test__footer

この子はenterを押すだけで

<section class="test__section">
        <header class="test__header"></header>
        <footer id="test__footer"></footer>
    </section>

こつこつ~~こうなる