備忘録-html, css編-
この記事の目的
個人的に学習中のhtmlやcssの関しての備忘録.何か新しいことを紹介するものではないが,参考になるようなことがあればというスタンスで書いています.
目次
- html
- css
2.1. widthとheightの書き方(9/14投稿)
1. html
2. css
2.1. widthとheightの書き方
2.1.1. width
- auto 初期値.display: blockなら横幅いっぱい,inline-blockなら文字数依存
- px 親要素にかかわらず絶対値.画像の幅などには使えるか?
- % 親要素に対する割合.100%にしてmarginやpaddingを指定するとはみ出る.この場合,box-sizing: border-box; を指定する対処法がある.親要素に幅指定がない場合,画面幅= 100%となる.画像などを均等に配置するときにも使える.(2分割: 50%, 3分割: 33.3%)
2.1.2. height
- auto 初期値.縦いっぱいとはならず文字や画像サイズの分.子要素により親要素の高さも変わる.
- px 絶対値指定.画像などの高さより小さく指定しても適用されるので中に入れるコンテンツの高さより小さくならないようにする.
- % autoで要素に応じた高さになるためあまり出番はない.親要素(html, body)での指定がないと適用されない.
2.1.3. 参考サイト