CSS | Page 22 of 24

@font-faceでWEBフォントを設定する方法

2013/03/25

CSS

No Comments

ホームページやブログを作成するとき、フォントって意識してますか？フォントを変えるだけでサイトのイメージががらりと変わりますよね。フォントの種類を変更するには、font-familyを使います。ただ、font-famil…

共用SSLを利用してCSSや画像がロードされなくなった時の対処法

2013/01/31

HTML

No Comments

お問い合わせフォームなどでメールアドレスや住所を入力してもらう場合、平文で送信すると内容を傍受されてしまう可能性もあります。そこで送信内容を暗号化して送ることができるのですが、その暗号化プロトコルのことをSSLといいま…

角丸やグラデーションも楽々！CSSだけで作るボタンが簡単に作成できる「CSS Button Generator」

2013/01/23

Webサービス

No Comments

角丸やグラデーションも楽々！CSSだけで作るボタンが簡単に作成できる「CSS Button Generator」

※2018/03/05追記残念ながら、CSS Button Generatorはサービス終了してしまったようです。 WEBサイトを作成していてボタンを設置したいことって結構あると思います。画像で設置する方も多いと思いま…

CSSだけで角丸のボタンを作成する方法

2013/01/10

CSS

No Comments

WEBサイトにきれいなボタンを設置したい場合、画像を使っている人も多いと思いますが、CSS3の登場によってCSSだけでも非常にきれいなボタンなどを作成することが可能になりました。そこで、今回はCSSのみで角丸のボタンを…

[CSS]z-indexで要素の表示順位を変える

2013/01/06

CSS

No Comments

今回はpositionプロパティと密接に関係するプロパティについて投稿します。それは、z-indexです。z-indexは要素が重なった時の優先順位を指定するプロパティです。 positionプロパティを使って要素の配置…

画像をZIPにまとめてアップロードするとCSSスプライト用の画像とCSSを生成してくれるサービス「SpriteMachine」

2012/12/31

CSS

No Comments

※2017/03/10追記 SpriteMachineはサービス終了してしまいました。 WEBサイトを高速化したいときに避けては通れないのがCSSスプライト。でもCSSスプライトは画像の作成とCSSの作成がちょっと面倒で…

[CSS]要素を柔軟に配置するプロパティ「position」

2012/12/30

CSS

No Comments

要素の配置を決めるプロパティに「position」というものがあります。positionプロパティに指定できる値には、以下のようなものがあります。 static 特に配置方法を指定しない（初期値） relative 相対…

[CSS]セレクタの優先順位まとめ

2012/12/28

CSS

No Comments

CSSセレクタの優先順位について、まとめてみました。セレクタの優先順位にはいくつかルールがあります。それぞれのルールについて説明していきます。後から記述した内容が優先されるクラスよりIDの方が優先されるより詳細に…

[CSS]疑似要素と疑似クラスを使ってさらに細かくスタイルを指定する

2012/12/12

CSS

No Comments

疑似要素と疑似クラスを使うと通常よりもさらに柔軟にスタイルを変更することができます。疑似要素と疑似クラスってなんだ？となるかもしれませんが、私の乏しい表現力ではうまく説明できる気がしないので、実際にCSSを見てもらう方が…

[CSS]ちょっとだけ複雑なセレクタの指定方法

2012/12/09

CSS

No Comments

ちょっとだけ複雑なセレクタの指定方法には、下記の4パターンがあります。 a,b（複数のセレクタをカンマで区切る） a b（複数のセレクタを半角スペースで区切る） a>b（複数のセレクタの間に>をつける） ab…