CSSで背景色・背景画像を指定する【スタイルシート】

background-colorプロパティ
(背景色を指定します)
background-color:色

background-imageプロパティ
(背景色を指定します)
background-image:url(画像パス)


色にはredなどの色の名前や#ff0000のような16進数のRGBを記述します



background-colorプロパティ(バックグラウンド・カラープロパティ)
background-imageプロパティ(バックグラウンド・イメージプロパティ)

これらは全ての要素に使用することが出来ます。


body要素やdiv要素(コンテナボックス)、table(テーブル)要素などの背景色背景画像だけではなくspan要素を使えば特定の文字列の背景色を変える事も可能です。










カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

colorプロパティは文字の色を指定します【CSS・スタイルシート】

color:色

色にはredなどの色の名前や#ff0000のような16進数のRGBを記述します



colorプロパティ文字の色を指定します。

また、colorプロパティ全ての要素に使用することが出来ます。

color単体といえば文字の色と覚えておけば良いでしょう。

参考:文字色以外の色の指定を行うときは『??-color:色』のような宣言になります。



カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

CSSスタイルシートが反映される優先順位

  1. style属性で指定したもの
  2. head要素内で指定したもの
  3. CSSファイルで指定したもの


CSSの記述方法にはCSSファイルを作って記述する方法とhead要素内に記述するものと、HTMLタグ要素style属性を使って記述するものの3種類があります。

続きを読む
カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

CSSスタイルシートをstyle属性を使ってHTMLに直接記述する方法

【style属性】

style="宣言"

(例)
<p style="color:red">内容</p>

(例)プロパティが複数の場合
<p style="color:#ffffff;background-color:#000000">内容</p>



HTMLファイルの特定の箇所に直接CSSを記述するには「style属性」を使用します。

続きを読む
カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

CSSスタイルシートをhead要素に記述する方法

<style type="text/css">
<!--
p{color:red} ←(CSSの規則集合を記述)
-->
</style>



特定のHTMLファイルだけに使用したいスタイルシートがある場合はhead要素内に上記のように記述すると便利です。

続きを読む
カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

CSSファイルの記述とHTMLファイルへの関連付け


<meta http-equiv="Content-Style-Type" content="text/css">

<link rel="stylesheet" href="パス" type="text/css">



ここでは作成したCSSファイルHTMLとを関連付ける方法をご紹介します。

続きを読む
カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

CSSスタイルシートの基礎知識 〜CSSは見栄えの設定〜

CSSの基礎知識

CSSとは
CSSの意味。スタイルシートとは。
文字宣言
CSSファイルの文字宣言について。
CSSの記述方法・用語
CSSの基本の記述の方法について。各部分の名称・用語について
複数のセレクタ・宣言
複数のセレクタと宣言を指定するときのCSS記述方法。
コメント
スタイルシートの記述にコメント(メモ)を入れる方法
ボックス
HTMLの要素を構成しているボックスについて

続きを読む
カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

CSSスタイルシート記述のコメント(メモ)方法



/*コメント*/




HTMLタグにはコメントタグメモ)がありますよね。CSSにもコメントを記述する方法があります。

続きを読む
カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

CSSで複数のセレクタ・宣言を指定する方法【スタイルシート】

【記述方法】

(例)

h2,h3{
    color:red;
    font-size:1.5em;
    text-align:center;
    background-color:yellow;
}


続きを読む
カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

CSSの基本:記述方法と各用語について【スタイルシート】

【記述方法と用語】

(例)p{color:red}

pの部分をセレクタと言います。この場合はp要素にCSSを適応させます。

colorの部分をプロパティと言います。プロパティは属性を指定します。この場合はフォントの色を指定しています。

redの部分をと言います。属性の値を記述します。この場合はフォントの色を赤色に指定しています。

color:redの部分を宣言と言います。属性と値の間には「:」コロンを使用します。

{color:red}の部分を宣言ブロックと言います。宣言を「{」と「}」で囲みます

p{color:red}全ての部分を規則集合(ルールセット)と言います。



続きを読む
カテゴリ | CSS | このブログの読者になる | 更新情報をチェックする

About Site(サイト案内) 概要

アクセスアップ方法・アクセスアップツールを中心に紹介しています。出来るだけ易しいサイト作りを目指したいと思います。まだまだコンテンツが少ないですが確実なアクセスアップ方法を紹介しますのでどうぞ宜しくお願いします。アクセスアップ記事以外にもWeb製作のことやiPhoneのこと。ニュースなども取り上げていきます。


◆リンク
http://secretaccess.seesaa.net/
タイトルは『Digital Life -デジタルライフ-
(テキストリンクのみです)
×

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