CSSで画像位置を微調整する方法 公開日:2011年4月18日 CSS 画像の微妙な位置が画面のバランスを左右する事があります。少しずらしていってもなかなかしっくりこなかったりもしますが、時間をおいて見直すと改善する事もあります。不思議なものです。 位置移動はmarginでもpaddingで […] 続きを読む
CSSで背景の設定 公開日:2011年4月15日 CSS 背景の設定もルール定義ダイアログで行う事ができます。今回はbodyタグについて背景を設定してみましたが、他のタグ、ID、クラスに対してもセレクタを変えるだけで同じように設定する事ができます。 背景を設定する方法 ①画面右 […] 続きを読む
CSSで文字リンクの色を変更 公開日:2011年4月15日 CSS 文字リンクの色もCSSで設定できます。設定するセレクタの順番があるようなので気をつけましょう。 文字リンクの色を設定する方法 ①画面右中段CSSスタイルパネルで「新規CSSルール」をクリック ②「新規CSSルールダイアロ […] 続きを読む
CSSで段落のスタイルを設定 公開日:2011年4月15日 CSS CSSで段落のスタイルを設定するにはpタグについてプロパティの値を設定します。 CSSの設定の流れ ①画面右中段CSSスタイルパネルで「新規CSSルール」をクリック ②「新規CSSルールダイアログ」で「セレクタータイプ」 […] 続きを読む
CSSのボックスモデル 公開日:2011年4月15日 CSS CSSのボックスモデルでは四角形の周りにそれを囲む四角形が何重もある構造を思い浮かべて領域を考える必要があります。 content領域について 一番内側にある領域はcontent領域といい、画像や文字などが表示される範囲 […] 続きを読む
divタグとは 公開日:2011年4月15日 CSS divタグはブロックレベル要素をまとめるためのタグです。HTMLで指定するだけでは特に何かをするわけではありません。しかしCSSでスタイルを指定するレイアウトの設定等に威力を発揮します。 divタグの意味 divタグとは […] 続きを読む
CSSのセレクタと適用方法 公開日:2011年4月15日 CSS CSSのセレクタの種類とCSSの適用方法についてです。 セレクタの種類 ・クラスセレクタ 任意の範囲にクラス名をつけてスタイルを指定する事ができます。 ID要素と似ていますがCSSファイル中にドットで指定する事と、HTM […] 続きを読む
CSSとは 公開日:2011年4月15日 CSS CSSはCascading Style Sheets(スタイルシート)の略です。CSSを使う事でWebページのデザインを従来より詳細に設定する事ができます。HTMLに情報を、CSSに見た目を記述する事で、HTMLの中に両 […] 続きを読む