これをすると、bodyの横幅が指定されて、そこが中央にくるように左右の幅を均一に保ちながら中央寄せをしてくれます。 全体を中央寄せする方法 全体を中央寄せする時は、bodyに指定します。 完成図 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="keywords"content="html,css,javascript"/> <script type="text/javascr
Font Awesomeを使ってSNSボタン(アイコン)を設置する方法を紹介します。 SNSボタンは、WordPressプラグインや手動で設置できますが、公式のSNSボタンはいまいちピンと来ないという方もいるでしょう。 そこで便利なのが、Font Awesomeです。 Font Awesomeは、シンプルなWEBアイコンフォント集。 SNS以外にも多数のアイコンが用意されています。 フォントなので、CSSで色や効果などを設定することが可能。 公式のSNSボタンをつかった時にありがちな、ボタンの高さ(位置)がずれる問題とは無縁なのもメリットです。 ちなみに、メモトラのサイドバー>プロフィール下のSNSアイコンも、Font Awesomeを使って表示しています。 Font Awesomeの使用は無料ですが、一応ライセンスは確認しておいて下さい。 Font Awesomeのライセンス Font
デフォルトスタイルシートの構造を知ることによって、闇雲に指定しているリセットCSSから抜け出すことができます。 ブラウザには、デフォルトスタイルシートというのがあり、ブラウザによってあらかじめスタイルシートが定義されています。 これによって、文章をHTMLで適切にマークアップをすれば、適度な間隔を保つようになっています。 しかしWebサイトを制作する上では、このデフォルトスタイルシートが障害になります。 理由は、ブラウザによって差があり、IE6, IE7, モバイルまで含めると、指定されている値が違うものが多くあるからです。 私は、1年前に各ブラウザのデフォルトスタイルシートを調べました。 現在のモダンブラウザでは、プロパティ名が違うものがありますが、概ね変わっていません。 具体的なデフォルトスタイルシートの例を挙げます。 以下は、平均的なデフォルトスタイルシートの一部です。 html {
Language Navigation Language Navigation
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く