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を使うことが多いです。
スポンサーリンク