ポラリス合同会社 https://ameblo.jp/megu8963/ ホームページ制作のノウハウをあなたに ja ボーダー（枠線）　～CSS編 ===================================
ボーダー（枠線）
===================================
ボーダーを指定してみよう太さや幅、色など指定できます。
例を交えてご紹介していきます

border-color:red;
ボーダーの色を指定します。（例では赤色指定）

border:1px solid #ff0000;（例では1px、1本線、赤色指定）
ボーダーのスタイル、太さ、色を指定します。

border-top:1px solid #ff0000;
上側のボーダーのスタイル、太さ、色を指定します。

border-bottom:1px solid #ff0000;
下側のボーダーのスタイル、太さ、色を指定します。

border-left:1px solid #ff0000;
左側のボーダーのスタイル、太さ、色を指定します。

border-right:1px solid #ff0000;
右側のボーダーのスタイル、太さ、色を指定します。




]]> https://ameblo.jp/megu8963/entry-12137954978.html Fri, 11 Mar 2016 09:48:06 +0900 背景　～CSS編 ===================================
背景
===================================
背景色や背景画像を指定することが出来ます。
プロパティは以下のようなものがあります。
例と併せてご紹介します

例）
background-color:red;
背景色を指定します。（例では赤色を指定）

background-image:url(画像ファイルのパス)；
背景画像を指定します。

background-position:center;
背景画像の配置位置を指定します。（例では中央配置）
値にはtop, center, bottom, left, rightが指定できます。他にも％値、数値で指定も可能です。

background-repeat:no-repeat;
背景画像の繰り返し処理の指定をします。
値にはrepeat（縦横繰り返し表示[初期値]）、no-repeat（繰り返し表示はしない）、
repeat-x（横方向のみ繰り返し表示）、repeat-y（縦方向のみ繰り返し表示）があります。

これらを総括してまとめて指定することも出来ます。（以下）
background:red no-repeat url(画像ファイルのパス)；

]]> https://ameblo.jp/megu8963/entry-12137609069.html Thu, 10 Mar 2016 09:46:33 +0900 カラー　～CSS編 ===================================
カラー
===================================
テキストにカラーを指定する際に用いられます。

例）①～⑤は赤色を指定する場合
①color:red;
直接色指定できます。

②color:#ff0000;
RGB値を6ケタで表し、指定している。

③color:#f00;
RGB値を3ケタで表し、指定している。

④color:rgb(255,0,0);
RGB値は1～255まで指定することが出来、R,、G、Bそれぞれ数値で指定している。

⑤color:rgb(100%,0%,0%);
RGB値は1～255まで指定することが出来、R,、G、Bそれぞれ%の割合として指定している。

]]> https://ameblo.jp/megu8963/entry-12137282854.html Wed, 09 Mar 2016 11:28:26 +0900 フォント　～CSS編 ===================================
フォント
===================================
fontプロパティを使ってスタイルを指定してみよう

①font-size:　…　フォントサイズを指定。
　例）font-size:16px;
　サイズの単位（ px , % , em など ）を使用する。

②font-family:　…　フォントの種類を指定。
　例）font-family:sans-serif;
　sans-serif←はゴシック系。他にもserif←明朝系など何種類もある。

③font-weight:　…　フォントの太さを指定。
　例）font-weight:bold;
　100.200.300.400.500.600.700.800.900のフォント指定方法。
　normal←標準（400と同じ）
　bold←太い
　lighter←細い
]]> https://ameblo.jp/megu8963/entry-12137275201.html Tue, 08 Mar 2016 11:09:03 +0900 サイズ指定　～CSS編
その前に欠かせないのはサイズ指定です。
サイズには指定方法がいくつかあります。
===================================
サイズ指定　（ px、em、% ）
===================================
フォントに適用できるプロパティを紹介します。

px（ピクセル）　…　ピクセル単位で指定。環境によって変化しない絶対単位。

em（エム）　…　相対単位。1emは１文字分。デフォルトではfont-size:100%「1em=16px」が基準なのでemとpxを使っていると記述が難しくなります。その場合は、font-size:62.5%にすると「1em=10px」となるので36pxにしたい時は3.6emと書いたらいいわけです。これはあくまで参考のためで必ずしも決まりがあるわけではありません。

％（パーセント）　…　表示可能な領域に対する指定をします。相対単位。

]]> https://ameblo.jp/megu8963/entry-12137264425.html Mon, 07 Mar 2016 09:37:55 +0900 画像形式について ===================================
WEB画像の形式ついて
===================================
ウェブサイト制作で必要な文書情報の他に写真やイラストも載せますよね
その時、画像形式はGIFなのかJPEGにしたらいいか迷ったことはありませんか
画像形式についてご紹介したいと思います。

画像形式の種類

GIF
ボタン、アイコンなど単色なものに適しています。256色まで扱うことが出来、写真のような色数のある画像には不向きです。

JPEG
1670万色を扱うことが出来るため、色数のある写真に向いています。

PNG
色＋透明を使うことが出来ます。GIFと似ていて256色にすることもでき、サイズを小さくできる点があります。
]]> https://ameblo.jp/megu8963/entry-12135458059.html Fri, 04 Mar 2016 09:08:59 +0900 ブロックレベル要素、インライン要素 ===================================
ブロックレベル要素 ・ インライン要素
===================================
HTML文書内でいろいろな要素を紹介してきましたが<body>内にあるタグはブロックレベル要素とインライン要素に分けられます。
前回でも少し紹介しておりましたが、この二つの要素を理解しているのとしていないのとでは作業ペースが全然違います
スタイルが上手く適用されなかったりします。名前は聞いたことないけど、なんとなくルールを分かっている方もいるかと思います。

ご興味のある方はこちらの参考サイトで勉強してみてください
]]> https://ameblo.jp/megu8963/entry-12135085470.html Thu, 03 Mar 2016 09:22:24 +0900 divタグ,spanタグ ===================================
divタグ,spanタグについて
===================================
<div>～</div>、<span>～</span>は特に意味を持ちません。
囲まれた範囲をひとかたまりとし、<div>は前後に改行が表示され（ブロックレベル要素）、<span>は前後に改行されない（インライン要素）ようになります。

<div>にid属性やclass属性を用いて、<div>で囲まれた範囲にスタイルを適用する場合がありますので例にして紹介したいと思います

▼HTML
<div class="color">
囲まれた範囲を赤文字にスタイルを適用する。
</div>

▼CSS
.color{
 color:red;
}

ブラウザで表示したとき、赤文字になっていたら成功です

]]> https://ameblo.jp/megu8963/entry-12134725966.html Wed, 02 Mar 2016 09:15:28 +0900 特殊文字 ===================================
特殊文字について
===================================
空白を入れたい時に特殊文字を使って表示することがあります。
空白以外でも、"<"(小なり)や"@"（コピーライト）を記述したい場合に用いられます。
特殊文字は他にもいくつもありますのでご興味のある方はこちらの参考サイトをご覧ください。
特殊文字はOSやブラウザの種類によって表示されないことがあります。

私が良く使っている特殊文字は以下の通りです。

　空白　⇒　&nbsp;
　＆　⇒　&amp;
　<　⇒　&lt;
　>　⇒　&gt;
]]> https://ameblo.jp/megu8963/entry-12134390328.html Tue, 01 Mar 2016 10:16:03 +0900 bgsound要素 ===================================
bgsound要素
===================================
bgsound要素はバックグラウンド音声（効果音）を鳴らすために使用します。
ｓｒｃ属性を使ってファイルの場所を指定してあげます。対応しているファイル形式はMIDI(.mid),WAV(.wav),AU(.au),AIFF(.aif)があります。
ただ、これはInternet Explorerでしか対応していないのでご注意を

私は効果音は使用したことはないので、これを機会にちょっと触ってみようと思います

bgsound要素も今後廃止される予定みたいなので、HTML5からは<audio>を使用すると良いです。

例）<head>要素内に記述します
<bgsound src="ファイルの場所" loop="infinite">

loop属性
音声を繰り返す回数を指定します。infiniteと指定すると開いているページを閉じるまで繰り返し再生されます。

]]> https://ameblo.jp/megu8963/entry-12134003614.html Mon, 29 Feb 2016 10:15:51 +0900