タグ「実用」に該当する記事

ボックスをスクロールしても固定する(IE6対応)


下にフッターを固定したり、右下などにページトップボタンを固定したりできます。
IE7からは、position:fixedに対応していますがIE6では対応していないので少し違うやり方でやります。
» 続きを詳しく読む

CSS3でやる!マルチカラム


float:leftでふつうはカラムを使ってやりますが、CSS3からは簡単にマルチカラムを作ることができます。
» 続きを詳しく読む

半透明ボックス(CSS3/CSS)


背景を透過したい時に使うのが opacity です。
これは、IE/Firefox/Opera/Safari/Google Choromeなどに対応しています。
CSS3では、背景にRGBaが使えるようになったのでこちらも紹介します。
» 続きを詳しく読む

文章をはみ出さずに折り返す


PREやコメント欄でURLや改行をしてない長い文章などがあると、欄のWidthを無視してはみ出してしまうということがおきます。
» 続きを詳しく読む

1つのCSSファイルで複数のCSSファイルを読み込ませる

Head部分に

<link rel="stylesheet" type="text/css" href=" filename1.css " />
<link rel="stylesheet" type="text/css" href=" filename2.css " />
<link rel="stylesheet" type="text/css" href=" filename3.css " />
<link rel="stylesheet" type="text/css" href=" filename4.css " />

複数のCSSファイルを呼び出していますが、コードの見栄えや読み込みの事を考えると1つのファイルに纏めるのが見やすく管理しやすいのでおすすめです。
» 続きを詳しく読む