HTML&CSS

Web Fontを使ったら気に入ったものがあったので、Illustratorでも使用したい、けれどもどうしたらいいのか？などと質問が出たりします。 その場合にはWeb Fontをダウンロードする必要があります。 ＊Web Fontを使用...

target疑似クラスを使うと、id名を利用したページ内リンクをクリックしたときに、リンク先に対してCSSを適用させることができます。 工夫次第でスクリプトを使用せずにちょっとした仕掛けを作成できます。 E:target {プロ...

アイコンフォントとは アイコンフォントとはWebフォントと同じような仕組みでサーバー上のアイコンを表示する仕組みです。 アイコンフォントの使い方 疑似要素に導入する方法はこちら Font Awesomeを例にしてCDN(Cont...

Chromeなどでイメージマップのリンク部分に青い線が表れます。 これを消すにはareaに対してCSSでclassなどを使用して以下の設定をします。 IEの古いバージョン対策ではHTMLタグの中に以下の属性を加えます。

時々CSSでfloatとdisplay:inlineを同時に指定するコードを見ることがあります。 なぜ、floatして横並びにしているものをわざわざdisplay:inlineにして幅とか高さとか設定できなくなるのでは？と考えてしまいます...

ul要素とli要素はナビゲーション作成などで使用頻度の高い要素です。 リストは特殊な構造になっています。 ulとliは組み合わせて使用する必要があります。 特にulの直接の子供はliのみとなりますので、ulの入れ子状態で再びulを使用...

input要素でsize属性を使用した場合は、size属性の値は半角文字の文字数になります。 しかし、フォントの設定やブラウザの種類で表示文字数は思い通りになりません。 次のサンプルはsize属性とstyle属性、そしてmaxlengt...