So-net無料ブログ作成
<登場人物>
kyara1.png
横浜べいすた。
最近ブログを始めた。
オリジナリティあふれるブログに憧れる。
kyara2.png
空条Q太郎。
スタンド使い?
星つながりで、ベイスタの面倒をみる。

CSSの要素をおさらいしてみよう

kyara2.png:「べいすた、何を悩んでいるんだ」

kyara1.png:「あっ、Q太郎さん。CSSを記述しようとしたんですけど
CSSの要素って、『フォント』・『背景』・『ボーダー(枠線)』ですよね」

kyara2.png:「ああ、そうだ。厳密にはもっとあるが
このブログで使うのはこのあたりだ。べいすたにしてはやるな」

kyara1.png:「てへへ。でっ、その中身って確かこんな感じじゃなかったですか?」

フォント要素CSS名★に入る値(具体例)
文字の太さfont-weight:★100~900
文字の大きさfont-size:★ 数字+単位 pt,pxなど
文字の種類font-family:★MS 明朝
斜体font-style:★italic
文字の色color:★red,#0000ff
背景背景色background-color:★blue,#ff0000
背景画像background-image:url(★)アップロード済みのファイルを
クリックしてください
背景画像の位置background-position:★right,left,center
背景画像繰り返しbackground-repeat:★repeat,repeat-x,repeat-y,none
背景画像の一括指定background:★ファイルURL 位置要素の値 繰り返し要素の値
枠線枠線の種類border-style:★solid,dotted,dashed,double
ridge,groove,inset,outset
枠線の色border-color:★yellow,#ffff00
枠線の太さborder-width:★数字+単位 pt,pxなど
枠線の一括指定border:★枠線の種類の値 枠線の太さの値 枠線の色の値


kyara2.png:「良しッ! ディ・モールト ディ・モールト(非常に 非常に)良いぞッ! 良く学習してるぞッ!」

kyara1.png:「これで安心してカスタマイズできます、ありがとうQ太郎さん」

to be continued

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。