Webの勉強

:*:✼.。✿.webデザイン、サイト作成の勉強中:*:✼.。✿.

floatを使ったレイアウト

floatとは浮いている状態。

その浮いている状態を左にやったり右へやったりするわけ。

だから、順に並べていった場合、floatを指定した以降の

カラムが下へ周りこんで、レイアウトが崩れるって状態になってしまう。

これを解除するためにあるのが、

①clear:both

②overflow:hidden

となる。

①clear:bothはテキストにも必ず乗っているものらしいが、厳密にいうと

喜ばしくない。

②wrapperをoverflow:hiddenで書くのが良い。

 

Photoshop

ウェブを勉強している私。

これから、日々の勉強の記録を始めます。

といっても、文章は苦手なので自分の作品など

UPできればと考えています。

まずはPhotoshopこれを立ち上げる際に気をつけること。

ダブルクリック禁止!Ctrl+Shift+Altで立ち上げ

これにより、初期設定の状態になります。

プロになるには初期設定で使いこなせなければダメとのこと。

*・゚゚・*:.。..。.:*゚:*:✼tagの勉強*・゚゚・*:.。..。.:*゚:*:✼

出てきた

vertical-align:middle

css

 

f:id:chanchankoo:20150310001616j:plain

こんなのを作りたい場合、

<h1><img src="sample.jpg">SAMPLE SITE</h1>

だけだと文字と画像が下に揃ってしまう。

→そこで、vertical-align:middle

をCSSに組み込む。