欧文を使うときの注意

デザインとして欧文で大文字だけを使って単語を表記したり小文字だけを使って表記したりする場合が間々ありますが、これはＮＧです。しつこいようですが、htmlで表示方法を指定してはいけないのです。そして、この欧文に関しては、音 [...]

欧文を使うときの注意の続きを見る

～2008/08/26～

spanを使ったドロップキャップ

firs-letter を使ったドロップキャップはマークアップ時の手間が少ない分、何かと制限が多くていまひとつ思い通りにできない場合があります。そこで、一文字目をspanで囲ってもっと自由な表現が可能なドロップキャップを [...]

spanを使ったドロップキャップの続きを見る

～2008/08/25～

first-letter擬似要素を使ったドロップキャップ

本文の一文字目を大きくして以後に続く文字を普通のサイズで表現するドロップキャップは雑誌などでよく使われる手法です。 CSSなら、first-letter擬似要素を使って一文字目にスタイルを適用させることができます。 .d [...]

first-letter擬似要素を使ったドロップキャップの続きを見る

～2008/08/24～

読みやすい文字色と背景色

紙媒体に比べるとモニター画面で文字を読むと目が疲れるということが大なり小なり起こります。そこで、テキストと背景色の明度の差を上手く調節して文字を読みやすくさせましょう。 テキストを読みやすくするためには、背景色と文字色の [...]

読みやすい文字色と背景色の続きを見る

～2008/08/23～

画像テキスト

スタイルシートのfont-familyでフォントの種類を選択できるのは当然なのですが、ホームページを見ている側にfont-familyで指定しているフォントが入っていなければなんの意味もありません。まあ、百聞は一見に如か [...]

画像テキストの続きを見る

～2008/08/22～

リストマーカーのバリエーション

ol要素やul要素を使ったリスト（箇条書き）の先頭に表示されるリストマーカーは、list-style-typeで自在に変更できます。 .lisr-style ul {       list-style-type: dis [...]

リストマーカーのバリエーションの続きを見る

～2008/08/21～

画像の隣にくるテキストの縦揃え

画像に続いて文字を表示させる時の縦の位置を調整するスタイルです。 縦方向の位置を調整する場合は、vertical-alginプロパティを使います。 .vertical-algin_middle img {       v [...]

画像の隣にくるテキストの縦揃えの続きを見る

～2008/08/20～

段落の始めに一文字分のインデント

段落の始めにインデント付けるなんて「スペース入れときゃいいじゃん」なんて思う事もありますが、htmlで表示方法を指定すると言うことになるので厳密に言う間違いです。 段落のインデントには、テキストを含むブロック要素にtex [...]

段落の始めに一文字分のインデントの続きを見る

～2008/08/19～

文字と文字の間隔を調整する

文字が多いホームページなどは、文字と文字の間隔を適度に取ってあげるとより読みやすくできます。 文字間隔を調整するには、文字間隔を調整したいテキストを含むブロック要素でletter-spacingプロパティを使って調節しま [...]

文字と文字の間隔を調整するの続きを見る

～2008/08/18～

文字の行揃え

文字の行揃えも基本的なデザイン要素の１つです。 文章の行揃えはテキストを含むブロック要素に対してtext-alginプロパティで「left（左）」「center（中央）」「right（右）」で指定します。  .text- [...]

文字の行揃えの続きを見る

～2008/08/17～



最近チェックした記事











福岡のホームページ制作会社ソースマリン提携会社





Source Marineパッケージプラン



    

  • HP+
    • 


  • cmsホームページ制作プラン
    • 


  • 携帯ホームページ制作プラン
    • 


  • ホームページ＆ブログプラン
    • 


  • ショッピングサイト構築プラン
    • 





福岡のホームページ制作会社ソースマリンのコンテンツ
































おススメサーバ










    





	        
  • 							        
    •