Rodhos Soft

備忘録を兼ねた技術的なメモです。Rofhos SoftではiOSアプリ開発を中心としてAndroid, Webサービス等の開発を承っております。まずはご相談下さい。

css

セレクタの練習

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>

display

css

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

セレクタ

css

以下が詳しい。 weboook.blog22.fc2.com

flexbox その2

flexboxを改めてやる。以下のサイトの記事を読んだ。coliss.com flexアイテムとflexコンテナ flexコンテナは多数のflexアイテムを内包する。flexコンテナにしたい要素に display: flex;を設定する。 すると子要素は自動的にflexアイテムになる。 並べる方向 …