WEBサイトを作っていると、「文字の色を変えたい」、「余白を大きくしたい」、「背景をグラデーションにしたい」ということがあります。 文字色や余白、背景を全て画像で用意するということもできますが、画像ばかりを用意するのも手間ですし、ファイルサイズが大きくなるのも問題です。 そこで、WEBサイトをデザインするときCSSを使います。簡単にCSSのことを説明するな、HTMLの見た目を作ることができるプログラミング言語です。 みなさんもCSS、CSS3といった言葉をネットで見たり聞いたりしたことがあると思います。CSSを使うことで、HTMLを色々と変更することができるので、プログを使っていた人は、簡単なCSSの構文を知っている人もいるかもしれません。 本格的にWEBサイトをデザインしようと思ったら、CSSについてより詳しく知る必要が出てきます。 また、CSS4という新しいCSSの仕様もあります。CS
PDFファイルへのリンクには、PDFアイコンをつけたい。 でも、ひとつひとつそうするのは大変！ その上、別の人がアップした記事までは管理できない。って、ことでこれが便利そう！ a[href $='.pdf'] { padding-right: 18px; background: transparent url(/common/img/icon_pdf.gif) no-repeat center right; } ".pdf"のところを、.xlsとかにして、それぞれ別のアイコンを指定すればいろいろできる。[href $='.xxx']で「.xxxで終わるリンク」、という意味。 mail:toのはあいはa[href ^="mailto:"] { padding-right: 20px; background: transparent url(/common/img/i
JimmyLin.info, Jimmy Lin, Jimmy, Lin, JLin, JL, Free Templates, CSS Templates, Portfolio, About, Contact, Resources, Pixel, Perfection, Perfectionist Free Templates These templates are 100% valid CSS/XHTML and compatible with IE5.0+, FireFox 1.5, Opera 8.5, and Safari 2. They do not use any hacks of any kind, and can easily be modified. There are no copyright restrictions on these templates, but i
今日、たまたま職場で話が出たので、Conditional Commentsについて書こうと思います。 例えば、画面にアルファチャンネル付PNGを表示したい場合、IE6以下ではそのまま表示することは 出来ませんのでCSSでIE独自のフィルタを使うことになります。（IE5はそれでもダメだったかな...？） でも、Firefoxとかは標準でサポートしているので、そんな必要はありません。 つまり、IEの指定バージョンにのみCSSファイルを読ませればよいわけですが、そんな時にこの Conditional Commentsが役に立ちます。 CとかC#とかがわかる方は、プリプロセッサを思い浮かべていただければ早いと思います。 具体的には以下のように書きます。 <link rel="stylesheet" type="text/css" href="style.css"> <!--[if IE 6]> <
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
