見た目をいじくる その4


あー、全然進まないなぁー

4日目、5日目
ひとまずスタイルを破壊
なので、見た目が凄いことになった

とにかく、スタイルを一つ一つ再構築中
こんな事やる意味あるのかな
まずは、ヘッダーとフッターに<hr>の区切り線があったので削除

●divとかのメモ

だいたい3年とか4年おきにhtml、cssとかをさわるから
知識はねぇは、せっかく前に作ったものも作り方を覚えてねぇわで

いっつも、1から思い出す始末
ということで
divとかのヤツをメモ

classはドット区切り、次のIDが現れるまで現IDは継続、classは次のドットが来るまで継続
どちらも、多重に書かれていても問題はない

#myIDA{}
.myClassA{}
a{}
a:hover{}

.myClassB{}
a{}
a:hover{}

#myIDB{}
.myClassA{}
a{}
a:hover{}

myIDは次のmyIDBが来るまで
作ったクラスは全て、myIDAくくりにされる

クラスはドット区切りで、プロパティみたいなもんかな
次のmyClassBが来るまでずっとmyClassAの内容になる

あってるのかな

あっはっはっは

 

●ぶっ壊れたstyle

あっはっはっはっは
スタイルをぶっ飛ばしたら、こんな事になった

もはやただのテキスト!!

02

 

ひとまず、divの表示とか
ほか、色々実験してみたぞ

 

で結果的にこうなる

 03

まだまだこれから色々いじるのだよ

 

 

●マージンとか

マージンはいつもよく分からなくなる

01

 

こんな感じで、4つ数値をあたえる場合は、上、右、下、左、となるみたい
パディングも同じですね
実験して良かった

Leave a comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください