webコンサルタント無料講座・アメブロカスタマイズ「ブログタイトル文字」について
アメブロカスタマイズ、(1-2) ブログタイトル文字
「ホームページ作り方動画１３時間講座のBRAIN」です。
アメブロカスタマイズに関する記事です。では、早速・・・
/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
(1) 文字のスタイル
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/
(1-1) 全体の文字
(1-2) ブログタイトル文字
(1-3) 記事／メッセージボード内の文字のスタイル
(1-4) サイドバー内の文字のスタイル
文字のスタイルは、４つに分かれています。
今回は、 (1-2) ブログタイトル文字の解説です。
ブログのヘッダー部分で、「タイトルと説明文」の文字サイズや文字色の編集ができます。
/* (1-2) ブログタイトル文字
--------------------------------------------*/
/* skinTitle ブログタイトル文字 */ .skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{
color:#000000;
font-weight:bold;
font-size:2.11em;
}
/* skinDescription ブログの説明文字 */
.skinDescription{
color:#333333;
}
最も基礎的なCSSのプロパティです。
頻繁に使用しますし、カンタンですので、理解しておきましょう。
color
コロン（:）の後に、カラーコードを記載すれば、文字色を変更できます。
カラーコードは、コチラをご覧ください。
font-weight
コロン（:）の後に、「bold」と記載してあります。
これは、文字を「太字」にするということです。
文字の太さを、通常の太さにしたければ、「normal」と記載すればＯＫです。数値で指定することもできます（100～900）
font-size
コロン（:）の後に、「2.11em」と記載してあります。
これは、文字の大きさを指定しています。
「1.6em」と記載すれば、文字が、やや小さくなる！ということです。ブログの説明文字では、下記のように、文字の大きさは指定してありません。
/* skinDescription ブログの説明文字 */
.skinDescription{
color:#333333;
}
もし、文字の大きさを指定するなら、書き足せばいいだけです。
例えば、
/* skinDescription ブログの説明文字 */
.skinDescription{
color:#333333;
font-size:0.9em;
}
次回、「文字サイズ」に限らず、数値の指定方法について、少し、詳しく解説します。
webコンサルタントの無料講座（動画で学ぶ、アメブロカスタマイズ）
アメブロカスタマイズ・css保存とメニューバーの作成を、動画で学べます。
動画で学ぶ、アメブロカスタマイズ・CSSの保存方法【HD画質】
アメブロカスタマイズ・メニューバーの作り方「詳細な解説ページ」
動画で学ぶ、アメブロ・メニューバーの作り方(1)【HD画質】
