「CSS」の記事一覧

ブログのデザインをカスタマイズをする上で、避けて通れないのがHTMLとCSS. で、でた━━( ﾟ∀ﾟ)人(ﾟ∀ﾟ )━━!! 聞いたことあるけどイヤだーと思ったそこのあなた！ いや何事もそうですが、１つ１つ見て行けば難しいことはありません。 挫折するとしたら難しいからではなく、簡単そうが故に一気に色々とやろうとし過ぎたり、種類 ...

ワードプレスなど、テーマのデザインカスタマイズでよく手を入れるのが、上段に表示されるグローバルメニューです。 背景色や文字色、枠や影付けなどは今ではCSSで簡単にできますが、メニュー項目の文字数の違いから、高さを揃えたりするのが結構難しかったりするんですね。 親のブロック要素の高さが可変で、その中にある ...

ブログやサイトのデザインカスタマイズをしていると「先頭や最後のこの要素だけに指定がしたいんじゃぁ~」という場合が多くあります。 力技、というか、まぁ普通にやろうとすれば、先頭の要素や最後の要素だけにクラスを指定して、そのクラスに対してCSSを定義する、なんてことをしますが、これが毎回クラス指定を書く、と ...

ブログでデザインカスタマイズでは、ul, li を使ったリストに対してCSSを使って2列、3列などの表形式で表示したい！という場合がよくあります。 tableプロパティを使えば簡単に表は出来ますが、floatを使って2列、3列といったレイアウトなどにした場合に隣同士の高さが揃わず、罫線を引くとちぐはぐは表になってしまって結 ...

ブログデザインの中でも大きな要素を占めるものの1つが「見出し」。 トップページや個々の記事、またサイドバーなど、ブログのいたるところで使われるものですね。 見出しはテーマごとにいろいろとデザインがされていて、テーマの特徴がとてもよく出るものですが、そうであるからこそ逆に人気のテーマでは「あ、これはあの ...

通常 ul li などのリストを使うと自動的に先頭に丸や四角のマークが付きます。 個性を出すためにその先頭のマークを画像などに置き換える、といったカスタマイズをすることもありますが、これが結構大変だったりするんですね。 画像の難点は、調度良い形と大きさのものを探してネット上をさ迷い歩くといった放浪の旅に出て ...

ブログのデザインをカスタマイズをする上で、前回の記事では１つの課題となるCSSのクラスについて使い方をおさえました。 （参照：ブログデザインのカスタマイズ！CSS基本のクラスを理解する） 今回はいよいよ第二の壁、CSSの id の使い方です。 CSS のクラスと id は、CSSを理解して利用するには避けては通れないとても大 ...

ブログのデザインをカスタマイズをする上で、前回の記事でHTMLとCSSの概要をおさえました。（参照：HTMLとCSSの使い方を簡単に理解する！） 今回はいよいよ最初の壁となるCSSのクラスの使い方です。 HTMLとCSSを使ってみようと思ったはいいけど、結局良くわからずにやめてしまった、という場合、原因の多くは以下２点。 「 ...