CSS

このページの記事目次 (タグ: CSS の検索結果)

HTML・CSSの7不思議?

最近はまっている読み物→「W3C, THML5, Table of Contents

これの第3章、第4章に書いている事を試してみたくて仕方がない感じで、テンプレートが大崩れです。失笑。
取り組んでいく中で、どうにも理解できていない現象がいくつかあって、備忘録を書いてみることにしました。

不思議-1、リストページで記事タイトル画像が入れ替わる

記事タイトル画像が置き換わる

↑記事タイトル画像のかえるちゃんがいなくなって、他のクラスのヘッダーデザインと入れ替わっています。

トップだと置き換わらない

↑同じリストでも、記事がずれてリストのトップにいるときは、かえるちゃんのままです。今のところ記事番号701番以外には起きていない現象で、本当に謎です。

不思議-2、横並びになったり、段組みだったり、ふわふわ

勝手に横並び

↑タグリストとパンくずリストのブロックが横並びになっています。

スペースが足りないと段組み

↑普段、スペースが足りていない時は、段組みになっています。wrapper層を外して、前より中のブロックをふわふわさせているのですが、CSSを書き換えたわけでもないのにこんなところまでふわふわなって、面白いです。

不思議-3、iphoneだと字の大きさまで違う

同じCSSで字の大きさが違う

書き方は全く同じで、同じクラスを使っているハズなのに、片方は小さく見えます。なんででしょうね~。

不思議-4、iphoneだと『』まで縮小サイズに!

かっこが小さい

↑iphoneだと『』が小さくなっています。他のメディアだとダブルクオーテーションになっていたりします。なんで??

不思議-5、3つ目のdl、dt、ddタグがうまく機能しない

次のグループが干渉

横並びにしたdl、dd、dtタグは、全てのタグにクラス名を記載しないとフロートしないうえに、次のグループに干渉される。でも旧インライン要素を間に挟むと干渉されない。使うにはコツがいる??

あと二つはそのうち追加します。いくつも出てきそうですが、本日の備忘録はここまで。

申し訳ありません。 お探しの記事は現在、この ユーザータグ (Keyword) を設定していない可能性があります。 右の検索BOXで 再度用語を短めに入力していただくと記事が見つかる場合があります。