テーマ:css

CSSハックとは?まとめと対策

CSS(カスケードスタイルシート)を使用すると、ブラウザによっては見え方やレイアウトが崩れて、ブラウザが異なるとブラウザごとにCSSを用意したりするとても勤勉なWEBデザイナーがいます。 基本的なモダンブラウザであれば、inputタグ以外はほぼ共通のCSSで統一可能なのだと考えています。 ところでモダンブラウザとは? モダン…
トラックバック:0
コメント:0

続きを読むread more

CSSを一つのタグで2つ

2つのCSSを一つのタグ(要素)で記述する方法。 <span class="classA classB"> これです。CSSの優先数値をもとに複数のCSSを反映させたい場合はとても便利な上、色々なブラウザに対応させる際は、別々のタグにわけなきゃならなくなるけど、IE6・IE7、firefox2やfirefox3だと書き方によっては同…
トラックバック:0
コメント:0

続きを読むread more

CSSタグ DD,DT,DLタグ

DL,DT,DDタグは文言定義タグ DLとは定義するリスト要素をさし、 DTとは定義する用語のタイトルをさし、 DDとはDefinition Descriptionの略で、定義の説明を意味します またDLタグの属性にcompact="compact"と指定することにより 定義タイトルと定義説明を短く表示することが可能です。
トラックバック:0
コメント:0

続きを読むread more

CSS positionプロパティについて

CSSのボックス配置指定方法で、相対配置と通常配置の境目が不明瞭だったので、あらためて確認してみた。 ■ position:absolute; 絶対配置 固定位置を保持して、レイヤーとして存在。スクロールしてもウィンドウサイズを変更しても位置が変わらない。                 まさに絶対君主。 ■ position:rel…
トラックバック:0
コメント:0

続きを読むread more

タグ ul、ol、liについて

SEO対策やソースコード文法などの観点から、再認識しておいた方がよいのではと 考えました。 そもそもulやliは文章を段落化するタグ程度にしか捉えていませんでしたが、 いろいろ効能や制約があるのできちんと把握しておく必要がある。 リストタグは多少SEO対策上も有効であるといわれています。 ulは順不同リストでolは数字リストになりま…
トラックバック:0
コメント:0

続きを読むread more

CSSで使用する単位 emとex

CSSでフォントサイズを指定するときにpxや%はよく使用するかもしれませんが。 emやexも使い方によっては役立つ場合もあるかもしれない。 ■em 文字の高さ、文字の一番下線から、文字のトップまでの高さを基準とする単位。 文字の高さを1emとした単位 ■ex 小文字の「x」の高さを1exとした単位 なので、widthやheight…
トラックバック:0
コメント:0

続きを読むread more

css-擬似要素

:after ってなんだ??ってところから始まって、cssの擬似要素を調べてみた。 擬似要素とはとても便利な要素で、口では説明できないので実際にソースでネ! とりあえずわかりやすくいうと、a:hoverみたいなもんですね。 :befor {content:”文字列”;} は、指定した要素の最初に自動的に指定した文字列を挿入します。 …
トラックバック:0
コメント:0

続きを読むread more