【未経験プログラミング】CSS基本【13日目】

今日もひたすらLesson3を勉強中 今日中に課題に行きたい。

 

<li>リストとリストの間に隙間(改行)ができる

課題ではボタンとボタンの間にスペースができてしまい、最後のお問い合わせが

カラム落ちしてしまってた。

font-size:0;で半角スペースの大きさを0に指定できる。

<UL>でfont-size:0;に変更後、<li>にfont-size:14;を設定する。

 

floatを使ったあとはclearを意識する。 overflow hidden

 

疑似クラス

a:hover,a:visited

疑似クラスは前後に何かをくっつけたり、リストの装飾だけ指定する

floatの解除などができるらしい。

リストの●●に・・・・:first-child 一番最初の行だけ,:nth-child(n) n番目の行だけ:nth-child(2n) 奇数行だけ

Pの最後だけ p:after:contet "・・・。";

                        font-size:14px;