STUDY

WEBデザイナーを目指すブログ。主に自分の知識整理用。独り言。

もすこし

 

もう少しで課題が終わりそうだーーーーっ🎶

 

この課題を通して覚えたことはいっぱいあったな。

さらっと読んで知っただけで実践はしていなかったテクニックなんかも使うことが結構あったのでとても勉強になった。

 

 

一番苦戦したことはやはりフロート。

フロートするボックスが多いと、もうクリアフィックスやらの解除のテクニックがわけわからなくなってしまうんよねw

でも慣れてきた感はある!

 

あとはフロートで横並びにしたリストをposition: relativeで中央揃えにする方法を使ってみたのだけが上手くいってないので、それを頑張る。

なんだか反映されないんだよなあ。。

 

他にも細かい不明点というか、採点基準にはならないけれど、ここも見本と同じようにしたい!という部分が少しあるので調べるなり聞くなりしてやってみようと思う。 

  

これ終わったら次はCodeCampのほうではフォトショを進める予定です。

すごく楽しみだw

 

病院勤務の為まだまだ休めないのですが、世間はわりともうお休み入ってる感じですね

 早くwebデザイナーになりたい!

 

明日も頑張ろ。 

 

なんでや

 

HTML/CSSの課題なう。

聞く前にすべて自力でやりたいので頑張ってやっているけども、難しい~!

 

トラブル1

floatで横並びにしたグローバルナビの隣にメイン画像が来てしまう。

 

ulはブロック要素なのに、なぜ?

clearfixもした。

 

なんでなんでなんで!

ずっと格闘してるんですけど!

隣にくるなああああああああああ

 

 

トラブル2

変な影。←

 

検索ボタンで角丸にしようと思って

border-radius: 5px;

CSS表記してブラウザで確認してみたら、確かに角丸にはなってるんだけど、なんかボタンの影のようなものも作られているではないか!

この余計な影のようなものだけは消したいんだけどどうやったら消せるのか?

 

というかこれそもそも影?なんなんだ?と思って調べたら、ボックスシャドウの存在を知った。

これとはなにか違うのか?と思い、試しに下の表記を加えてみた。

box-shadow: 4px 4px #000000;

 そしたら、影のようなものの下にさらに影がwww

まあ、当たり前といえば当たり前なのですがw

これは仕様なのですかね。。

まあ、そこまで深刻な問題ではないので後々解明させるとしよう。

 

 

 

よくよく考えてみると、今まで私はリストが入ることによってなにかしらの問題を生じさせてることが多いな~。

そしてそのリストを横並びにするとさらに抱える問題が増えるというw

 

float、頭こんがらがってきて苦手だ(泣)

 

これらともっと向き合って戦わないとだ(`・ω・´)