フォーム
こんなものを作りました。
ポイント
border-collaspe:collapse;
ボーダーを無くす。
required
floatを使ったレイアウト
floatとは浮いている状態。
その浮いている状態を左にやったり右へやったりするわけ。
だから、順に並べていった場合、floatを指定した以降の
カラムが下へ周りこんで、レイアウトが崩れるって状態になってしまう。
これを解除するためにあるのが、
①clear:both
②overflow:hidden
となる。
①clear:bothはテキストにも必ず乗っているものらしいが、厳密にいうと
喜ばしくない。
②wrapperをoverflow:hiddenで書くのが良い。
Photoshop
ウェブを勉強している私。
これから、日々の勉強の記録を始めます。
といっても、文章は苦手なので自分の作品など
UPできればと考えています。
まずはPhotoshopこれを立ち上げる際に気をつけること。
ダブルクリック禁止!Ctrl+Shift+Altで立ち上げ
これにより、初期設定の状態になります。
プロになるには初期設定で使いこなせなければダメとのこと。
*・゚゚・*:.。..。.:*゚:*:✼tagの勉強*・゚゚・*:.。..。.:*゚:*:✼
出てきた
vertical-align:middle
cssで
こんなのを作りたい場合、
<h1><img src="sample.jpg">SAMPLE SITE</h1>
だけだと文字と画像が下に揃ってしまう。
→そこで、vertical-align:middle
をCSSに組み込む。