連載の第4回目は、サイズや背景色、枠線、余白といったボックス関連のプロパティについて紹介していきます。デザインを作成するときに基本となるプロパティなので、必ず記述方法を覚えておいてください。 widthとheight 要素の幅を指定するときはwidth、高さ…

ここからは、ブログでよく使用するCSSプロパティについて紹介していきます。まずは、文字の書式指定に使用するプロパティを紹介します。 color 文字色を指定するときはcolorプロパティを使用し、その値に色を指定します。CSSで色を指定する方法は、前回の記…

文字色や背景色を指定する場合のように、CSSでは色を文字で表す機会が多くあります。続いては、CSSで色を指定するときの記述方法を紹介します。 カラーネームによる色指定 RGBの16進数表記による色指定 16進数とは？ カラーネームによる色指定 まずは、色の…

ここでは、ブログのカスタマイズでよく使用するCSSを連載形式で紹介していきます。CSSの記述方法が分からなくなったときに、簡易的なリファレンスとして活用してください。 第1回目は、CSSを記述するときの基本的なルールを紹介します。CSSの記述に慣れてい…

前回の記事に引き続き、「はてなブログ」ユーザーに向けた簡単なHTML講座を開催しておきましょう。今回は、「見たままモード」の編集画面にあるアイコンを使って書式を指定したときに、どのようなHTMLが出力されるかを紹介します。 「見たままモード」に用意…

2016年8月から「はてなブログ」に削除した記事を復活させる機能が追加されました。間違って記事を削除した場合などに便利に活用できると思います。 記事を復活させる手順 削除した記事を復活させるときは、「記事の管理」の画面を開き、「ゴミ箱」の文字をク…

ブログの魅力は、HTMLを知らなくてもWebを作成できること。とはいえ、ブログの見た目をカスタマイズするとなると、やはりHTMLの知識があった方が応用が効き便利です。そこで、「はてなブログ」ユーザーに向けて簡単なHTML講座を開催します。ブログ制作に限定…

はてなブログに2枚の写真を続けて掲載すると、以下のように、それぞれの写真が縦に並べて配置されます。写真のサイズを小さくしても、写真は横に並んでくれません。

前回の記事で紹介したように、「はてなブログ」は、アップロードした画像を自動的にリサイズする仕組みになっています。このとき、アップロード方法に応じて「リサイズ後の画像サイズ」が変化することも覚えておく必要があります。今回は、このリサイズ機能…

今回は、「はてなブログ」に画像を掲載するときの注意点について紹介していきましょう。画像の掲載方法そのものは別に難しくありませんが、その裏で「どのような処理が行われているか？」を知っておかないと、ブログ運営において大きなデメリットを被るかも…