ホームページカスタマイズ Tips
Aug
リンク要素は、擬似クラスで訪問済みと未訪問のテキストの色を変更したり、リンク領域のマウスオーバー時のアクションなど色々な表現が可能です。例えばリンクテキストの下線を消してまったり、マウスオーバー時に色を変えるなどの方法な […]
スモールキャピタルは小文字に対してサイズはそのまま大文字として表示させられる技術です。ちょっとしたアクセントに使えます。 スモールキャピタルは font-variantプロパティで使用します。 #small-capas […]
デザインとして欧文で大文字だけを使って単語を表記したり小文字だけを使って表記したりする場合が間々ありますが、これはNGです。しつこいようですが、htmlで表示方法を指定してはいけないのです。そして、この欧文に関しては、音 […]
firs-letter を使ったドロップキャップはマークアップ時の手間が少ない分、何かと制限が多くていまひとつ思い通りにできない場合があります。そこで、一文字目をspanで囲ってもっと自由な表現が可能なドロップキャップを […]
本文の一文字目を大きくして以後に続く文字を普通のサイズで表現するドロップキャップは雑誌などでよく使われる手法です。 CSSなら、first-letter擬似要素を使って一文字目にスタイルを適用させることができます。 .d […]
紙媒体に比べるとモニター画面で文字を読むと目が疲れるということが大なり小なり起こります。そこで、テキストと背景色の明度の差を上手く調節して文字を読みやすくさせましょう。 テキストを読みやすくするためには、背景色と文字色の […]
スタイルシートのfont-familyでフォントの種類を選択できるのは当然なのですが、ホームページを見ている側にfont-familyで指定しているフォントが入っていなければなんの意味もありません。まあ、百聞は一見に如か […]
ol要素やul要素を使ったリスト(箇条書き)の先頭に表示されるリストマーカーは、list-style-typeで自在に変更できます。 .lisr-style ul { list-style-type: dis […]
画像に続いて文字を表示させる時の縦の位置を調整するスタイルです。 縦方向の位置を調整する場合は、vertical-alginプロパティを使います。 .vertical-algin_middle img { v […]
段落の始めにインデント付けるなんて「スペース入れときゃいいじゃん」なんて思う事もありますが、htmlで表示方法を指定すると言うことになるので厳密に言う間違いです。 段落のインデントには、テキストを含むブロック要素にtex […]
© COPYRIGHT 2015. "Source Marine " All Rights Reserved.