※2018/05/23追記 Favicon Converterは、残念ながらなくなってしまいました。 WEBサイトを作成したら、ファビコンは設置しておいた方がいいです。 なぜなら、視覚的にサイトを覚えてもらうことができま…
[CSS]要素を柔軟に配置するプロパティ「position」
要素の配置を決めるプロパティに「position」というものがあります。positionプロパティに指定できる値には、以下のようなものがあります。 static 特に配置方法を指定しない(初期値) relative 相対…
FTPサイトでもrobots.txtで検索エンジンのクロールを拒否できる
ファイルをやり取りするだけのFTPサイトは、検索結果には表示させたくない場合ってあると思います。 認証が必要なサイトならそもそもクローラがアクセスできませんが、誰でもアクセスできるようなサイトの場合はクロールされてしまい…
[CSS]リストのスタイルを変更する
olやul等のスタイルを変更する方法についてご紹介いたします。 マーカーの指定 まずは、リストの左側に出るマーカーの指定から見てみましょう。マーカーの指定は、「list-style-type」で指定します。list-st…
OGPを設定してサイトをSNSに最適化しよう
FacebookやTwitterの登場で、SNSは私たちの生活の一部と言っても過言ではない状況となりました。 気に入ったブログ記事やWEBサイトがあったら、Facebookでいいね・シェアしたり、Twitterでつぶやい…
CSSで要素を回り込みさせる「floatとclear」
WEBページに画像を配置して、「文字をその横に持っていきたいのに下に表示されてしまう」そんな経験ないでしょうか? 画像はブロック要素なので、初期の状態では次の要素は横ではなく下に配置されます。 下に配置される要素を画像に…
[CSS]paddingとmarginの違い
余白のスタイルを指定する際に使うプロパティには、「padding」と「margin」があります。 それぞれの違いは、、、 padding:内側の余白 margin:外側の余白 ということになります。 paddingとma…
[CSS]要素に枠線をつけるプロパティ
枠線をつけるプロパティには、以下3つがあります。 border-color border-width border-style border-color border-colorは、枠線の色を決めるプロパティです。値には…
[CSS]要素の背景をスタイリングするプロパティ
背景をスタイリングするためのCSSについて書きたいと思います。 背景のスタイルを指定するプロパティには、以下のようなものがあります。 background-color background-image backgroun…
[CSS]文字を装飾するためのプロパティまとめ
文字に対して適用できるスタイルについて、アレコレまとめてみました。 ・文字色の変更 ・文字のサイズを変更 ・文字の太さを変更 ・行の高さを調整する ・文字に装飾をつける ・フォントのスタイルを変更する ・フォントの種類を…