セレクタの練習

css

htmlを <html> <head> <link rel="stylesheet" href="sample.css"/> </head> <body> <div class="root"> 根っこ <div class="sub"> 根っこの子供 <div class="subsub"> 根っこの子供の子供 </div> <div class="poge"> 根っこの子供の子供2 </div> </div> <div class="poi"> 根っこの子供2 </div> <div class="poi2"> 根っこの子供3 </div> </div> </body></html>

2018-07-26

display

css

block (p、div、ul、h1〜h) 横いっぱいに広がり、縦に並ぶ inline ( a、span、omg) 要素が横に並んでいく inline-block none 非表示 blockは改行が入り、幅と高さが設定される。左右、上下の余白が設定できる。 inlineは改行は入らず幅と高さが設定できない…