プログラミングの記事一覧
spanタグとdiv　インライン要素とブロック要素の違い
プログラミング
spanタグとdiv　インライン要素とブロック要素の違い
span　インライン要素と　div　ブロック要素 インライン要素とは インライン要素同士が横に並びます、ブロック要素のように上下の余白設定がきかない。 spanタグは汎用的なhtmlタグ、囲んだ要素を強調するなどデザインの微調整に利用されるタグで、個別にフォント調整、文字色、背景色の変更に利用されます。 spanタグは...
color　背景色や文字色の設定と前の要素の色を引き継ぐcurrentColorの使用法
プログラミング
color　背景色や文字色の設定と前の要素の色を引き継ぐcurrentColorの使用法
color　背景色や文字色の設定とcurrentColorの使用例 カラーの指定にはキーワードやＲ(赤)Ｇ(緑)Ｂ(青)の値を指定するものＲＧＢにＡ(透過)を加えたＲＧＢＡがあります。 色の値も16進歩(0～9とａ～ｆを併せたもの)や各色を0～255の数字で表したものがありますが、多くの色を覚えるのは大変なので下の表を...
box-shadowプロパティ要素のフレームから影を落とす
プログラミング
box-shadowプロパティ要素のフレームから影を落とす
box-shadowプロパティ要素のフレームから影を落とす box-shadowプロパティは要素のフレームの周囲に影(シャドー)を出すことができるプロパティです。 コンマで区切ることで複数の効果を指定することができます。 設定の仕方　Ｘ　Ｙ　dlur　color 影は要素からの相対的なＸ(横方向)とＹ(縦方向)のオフセ...
プログラミングの基礎！classとCSSの使い方class名の複数設定もできる
プログラミング
プログラミングの基礎！classとCSSの使い方class名の複数設定もできる
プログラミングの基礎！　classとCSSの使い方class名の複数設定もできる classは、HTMLで記述する時のグループ分けのための目印です。 HTML文書内でこのような「class＝”クラス名”」記述を見た事があると思います。 何度でも使える便利なclass classはCSSの目印 このようにクラス名を指定す...
擬似クラス・擬似要素とは？違いは？その使い方は！
プログラミング
擬似クラス・擬似要素とは？違いは？その使い方は！
擬似クラス・擬似要素とは？違いは？その使い方は！ 擬似クラスとはどんなものか 指定した物全体に影響を与えるもので文書構造の範囲外にある情報や単体セレクタで表現できないものを選択するために導入されたものです。 擬似クラスにはどんなものがあるのか 動的擬似クラス・リンク擬似クラス、ユーザーアクション擬似クラス言語擬似クラス...
hover ホバー　カーソルを当てると色が変わる　擬似クラスとは擬似要素との違い
プログラミング
hover ホバー　カーソルを当てると色が変わる　擬似クラスとは擬似要素との違い
hover ホバー　カーソルを当てると色が変わる　擬似クラスとは 擬似クラスとはどんなもの 指定した物全体に影響を与える 文書構造の範囲外にある情報や単体セレクタで表現できないものを選択するために導入された概念です マウスを当てると色が変わるhoverの使い方 :(コロン)を付けて「:hover」としてＣＳＳで記述しま...
border-radius　画像を加工　四角い画像を丸くする！
プログラミング
border-radius　画像を加工　四角い画像を丸くする！
border-radius　四角い画像を丸くする！ 四角い画像を丸くする方法は簡単です！ border-radiusプロパティを使用してやります。 border-radiusプロパティは、ボックスのコーナーの角を丸くまとめて指定する際に使用します。 水平方向と垂直方向の二つの半径の組み合わせで決定されます。 加工するた...
padding margin borderとは？設定の仕方を分かり易く
プログラミング
padding margin borderとは？設定の仕方を分かり易く
padding margin borderとは？設定の仕方を分かり易く！ paddingとは、marginとは余白のこと 余白はどこに存在するのか 文字を書いたり画像を取り込んだりする領域のことをブロックと呼びます、下の画像の青い部分の所がブロックを表しています。 青いブロックの領域の上下左右の緑の領域を「paddin...