CSS 効率よく作るために私がしているCSSファイル分割方法
CSSレイアウトで組む事が一般的となった昨今、記述するCSSの量が増えてきたので複数のCSSファイルで管理することが多くなってきました。どういう基準でファイルを分割するかはそれぞれですし、サイトを見ても様々なやり方があるようです。
CSS
CSS CSS あのサイトが@ importを使わない理由
近頃いろんなサイトのHTMLソースを見ていて気づいたのですが、CSSを読み込む際の「@ import」がないサイトが多い事に気づきました。私はよく使っているので何で使ってないのかが気になったので調べてみました。
CSS アンカーリンクをしたときに便利な:target擬似クラス
ページが長い場合などに、ページ内リンクをよく設置するかと思います。ただリンクを押したらパッと移動してしまって、該当部分がどこなのかよくわららない時もあります。（最近はゆっくりスクロールしていくJSがついている事も多いですが）そのときにこの:...
CSS 印刷した全てのページに不要な背景画像が入ってしまうとき
ホームページを印刷したときに、ブラウザで見るとページの一番上などに背景画像があるだけなのに、いざ印刷してみたら印刷した全てのページに同じ背景画像が入っていたりします。それで文章が読みづらくなければいいのですが、ヘッダーに帯で色をつけたの背景...
CSS リンク先のファイルの拡張子によって、表示アイコンを自動で変える方法
リンク先のの拡張子によって、表示アイコンを自動で変える
CSS IE6でposition: fixed;を使う
IE6で絶対位置配置のposition: fixed;を擬似的に再現
CSS clearFixを使う
floatをクリアし、高さもとってくれる「clearFix」。いつも検索してコードを持ってくるのでここにメモです。フロートしている親要素に指定します。
CSS IE6・IE7用のcssハック
いろいろと悩ましいIEですが、最近ひとつハックを覚えたのでメモ。セレクタの前に「/（スラッシュ）」をつけることです。
CSS olのリストが消えて、なぜか出てこないとき
olで囲ったliにはだいたい1から数字（or印）が振られるのですが（順序を示すリストなので）ある特定の状態だとなぜかそのリストの番号（or印）がIEで消えることがあります。marginやpaddingを使っても出てこない時は「なんで出てこな...
CSS 印刷するページを変えたい時の対処法
印刷物とは違うWEBの世界ですが、いつもWEBサイトをディスプレイ上で見ているとは限りません。目的地へ行くときは地図を印刷して持っていく方もいらっしゃるでしょう。普通に作成しただけだと、印刷したときに思わぬ場所で切れて次のページになってしま...
CSS floatした時に画像とテキストの上辺がずれるとき
よく画像を左右どちらかに寄せてその横に文字を並べるレイアウトを見ると思います。その時はfloatを使うことが多いです。