肉じゃがのCH3COOH

肉じゃがです。このブログでは主にゲーム、コンピュータ、料理などの話題を書いています。Since 2014.

    お知らせ アクセスカウンター
  • 2024/07/10 ↑これを設置しました。
  • 2024/07/13 デザインテーマ『deco green』正式リリース。
  • 2024/06/11 デザインテーマ『Simple Theme al-dente』の最新バージョンはV1.0.12です。こちらのテーマのメンテナンスも継続します。
    ミニクイズ 2024/06/22出題(答えはこのブログの下のほうにあります)
  • クイズ「大豆を主原料とし、絹・木綿などの種類のある食べものは何でしょう?」

見栄え、デザインを書くのがCSSってことがなんとか分かった

 こんにちは、てるです。今回はこのブログのCSSに工夫した記録です。

いきさつ

 外観は変更ありません。このブログ、HTMLに直接alignやstyleで指定していたのでしたが、HTMLの文法チェックツールによると、「alignはCSSで指定してください」と英語でエラーメッセージが返されました。

 そこで、HTMLとCSSの書き分けを少し調べてみました。調べてみたのですが、いまいちよくわからなかったです。なんとか分かったことは、見栄え、デザインを書くのがCSSってこと。

書いたコード(実装済み)

nav{font-size:80%;}
.smallf{font-size:80%;text-align:center;}
.cnt{text-align:center;}
.teikyuu{font-size:80%;text-align:right;}
.header-news{border:double;border-color:#0f0;}

 インデントも使って書いてあげたほうが可読性は高まると思いますが、実際に書いたコードの記録なもので。必要十分。

HTMLタグにclassで指定してあげました

 CSSは上記の通り。はてなブログでカスタマイズできる範囲は、ヘッダーとフッター、それと、記事上記事下。タグにclassで指定してあげると、元の外観と同じ見た目になりました。不思議ぃ。見かけは変わらないんですけど、ね。いやー、ハードル高いなあ。ちなみに、class名は、わかりやすく覚えやすいことを意識しました。ひとまず、安堵。

▲このページの先頭へ戻る
ミニクイズ(2024/06/22出題)の答え とうふ