
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊　

　　　　　◆◇◆タグメモ◆◇◆

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊　



【コピペ用】
<div align="left" style="margin: 0px 0px 0px 0px;"></div>
<span style="color:#333333;font-size:15pt;font-weight: bold;"></span>

----------
【特定の要素に】
<div align="center" style="
margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 text-align: left;
 width: 450px;
 height: 650px;
 font-weight: bold;（normal）
 font-style: italic();
 font-size: 13pt;　(注!)→7より小さいとレイアウトが崩れます
 color : #000000;
 font-family: Arial,'MS UI Gothic',sans-serif ;
 text-decoration: underline（下線）;
 letter-spacing: 0.5em;
 line-height: 19pt;
 background-color: #ffffff;
 background-image: url(http://☆☆☆);
 background-repeat: no-repeat;
 background-attachment: fixed(スクロールしない);
 background-position: 50% 50%;
 border: 2px #ff6666 dashed;
 position: absolute; top:100px; left:200px;
 textAlign: right;
">
</div>

----------
【ヘッダに記述してbodyの特定の要素に】
<style type="text/css">
<!--
body {
☆☆☆
 }
-->
</style>
----
【コピペ用】
<style type="text/css">
<!--
body {
a img { border: 0; 
 }
 background-image : url(new_img/canvas.gif);
 background-attachment: fixed;
 background-position: 100% 100%;
 background-repeat: repeat;
 background-color: #ccffff;
 font-family : Arial,'MS UI Gothic',sans-serif ; 
 }
 td {
 font-weight: bolder;
 font-family: "MS UI Gothic";
 font-size: 12pt;
 }
td.title {　　←※摘要部分の書き方→<td  class="title">
 width: 700px;
 height: 50px;
 background-color: #66ff99;
 padding: 5px 0px 5px 10px;
 font-weight: bolder;
 font-size: 15pt; color: #ffffff;
}
 a:link { color: #ff9900; }
 a:active { color: #ff9900; }
 a:visited { color: #9900ff; }
 a:hover { color: #33ccff; 
 }
-->
</style>
</head>
<body bgcolor="#ffffff" text="#333333" link="#ff9900" vlink="#9900ff" alink="#33ccff">

----------
【その他色々】
☆テキストの配置を left（既定値：左寄せ）、right（右寄せ）、center（センタリング）、justify（両端揃え）、inherit（継承）のいずれかで指定
☆normal（通常）と bold（太字）
☆normal（既定値：通常）, italic（イタリック）, oblique（斜め）のいずれかを指定
☆テキストの装飾を none（何もなし）、underline（下線）、overline（上線）、line-through（打ち消し線）、blink（点滅）、inherit（継承）で指定します。複数指定も可能
☆各文字間のスペースを normal（既定値）、2px 、0.5emなどの長さ、inherit（継承）のいずれかで指定
☆repeat（既定値：敷き詰める）、repeat-x（横方向のみ並べる）、repeat-y（縦方向のみ並べる）、no-repeat（ひとつだけ表示する）、inherit（継承）
☆scroll（既定値：一緒にスクロールする）、fixed（スクロールしない）、inherit（継承）
☆dotted（点線）
----------
<p style="
 font-weight: bold;（normal）
 font-size: 13pt;
 color : #000000;
 line-height: 19pt;
">

</p>

----------
【回り込み】
☆画像などの表示位置を left（左端）、right（右端）、none（既定値：指定しない）、inherit（継承）のいずれかで指定
<img src="xxx.gif" width=50 height=50 alt="xxx" style="float:right;">
☆解除
<br style="clear: both;">

----------
【スクロールなど】
☆領域をはみ出した要素の扱いを、visible（既定値：表示する）、hidden（隠す）、scroll（スクロールバーで表示する）、auto（自動）、inherit（継承）のいずれかで指定
<div style="width:10em; height:3em; overflow:scroll;">

----------


☆☆☆スタイル指定のやり方

【まずヘッダでスタイルシート宣言をする】
<meta http-equiv="content-style-type" content="text/css">
――――――――――――

【ヘッダに記述して特定の要素にスタイルシートを適用】
<style type="text/css">
<!--
body {
☆☆☆
 }
-->
</style>
――――――――――――
【ヘッダに記述してすべての要素にスタイルシートを適用】
<style type="text/css">
<!--
* {
 background-color: yellow;
 }
div *{
 margin: 0px;
 }
-->
</style>
――――――――――――
【タグにスタイル属性を追加して適用】
<div style="margin: 0px 0px 0px 0px;">☆☆☆</div>

――――――――――――
【タグにクラス属性を追加してスタイルを適用】
☆外部スタイルシートを読み込ませる場合はヘッダに記入
→<link rel="stylesheet" type="text/css" href="diary.css">

<style type="text/css">
 <!--
div.rio {
 text-align: left;
 font-size: 10pt;
 }
p.zx {
 text-align: left;
 font-size: 10pt;
 }
-->
</style>

→本文記述
<div class="rio">☆☆☆</div>

------
/* 日記日付 */
div.diaryhizuke{
margin: 0px 0px 20px 0px;
 font-weight: bolder;
 font-size: 12pt;
 color: #5c7864;
}

→本文記述
<div align="center" class="diaryhizuke">

-----
/* 日記テーブル幅 */
TABLE.diarytable{
 table-layout: fixed;
 width: 650px;
}

→本文記述
<table summary="日記表示用表" cellpadding="0" border="0" align="center" cellspacing="0" class="diarytable">


――――――――――――
【ＩＤ(名称)を設定してスタイルを適用】
<style type="text/css">
 <!--
#rio {
 text-align: left;
 }
#zx {
 font-size: 10pt;
 }
-->
</style>

→本文記述
<div id="rio">☆☆☆</div>

――――――――――――
【要素内の特定要素(子孫)にスタイルを適用】
<style type="text/css">
<!--
p strong {
 font-weight: bold;
 font-style: italic;
 }
-->
</style>

――――――――――――
【複数の要素に対してスタイルを適用】
<style type="text/css">
<!--
div,a,p {
☆☆☆
 }
-->
</style>

――――――――――――






【スタイル指定タグコピペ用】

 width: 450px;
 height: 650px;
--------
【フォント】
 font-weight: bold;
   ←太字（通常 normal）
 font-family: Arial,'MS UI Gothic',sans-serif ; 
   ←字体指定（スペースを含むフォントは "..." か'...' で囲む）
 font-size: 13pt;
 color : #000000;
 font-style: italic;
   ←normal(標準) italic(イタリック体) oblique(斜体)
☆まとめて指定☆
 font: italic bold 36pt/15pt Arial
   ←(style　weight size/line-height family)

--------
【テキスト】
 text-align: left;
 text-indent: 1em;
   ←字下げ指定 
 text-decoration: none;
   ←underline（下線）overline（上線）line-through（打ち消し線）
   ←blink（点滅）inherit（継承） 
 text-underline-position: above;
   ←below（既定値：下側）
 letter-spacing: 2px;
   ←文字間　normal（既定値）inherit（継承）
 line-height: 19pt;

--------
【背景画像】
 background-color: #ffffff;
 background-image: url(http://☆☆☆);
 background-attachment: fixed;
   ←（scroll;スクロールする fixed;スクロールしない inherit;継承）
 background-repeat: repeat;
   ←（no-repeat; 縦repeat-y;  横repeat-x; ）
 background-position: 0% 100%;

☆backgroundと background-colorは必ず両方一緒に指定する事。

-------- 
【余白設定】
 margin: 80px 0px 0px 0px;
   ←枠の外側の余白
 padding: 20px 0px 30px 0px;
   ←枠の内側の余白

-------- 
【枠線】
 border-style: solid;
 border-color: #00ffff;
 border-top-width: 0px;
   ← top right bottom left
 border-top-style: solid;
   ←top right bottom left
☆まとめて指定☆
 border-right: #663333 0px solid;

【border関係タグ色々】
☆style→solid（実線）none（線無し）dotted（点線）dashed（粗い点線）double（二重線）groove（谷線）ridge（山線）inset（内線）outset（外線）inherit（継承）



-----------
【その他色々】
☆スクロールさせない→bodyにbgproperties="fixed"でもできる。

--------



――――――――――――






【☆☆☆☆】
☆☆☆☆☆☆
――――――――――――


【☆☆☆☆】
☆☆☆☆☆☆
――――――――――――


【☆☆☆☆】
☆☆☆☆☆☆
――――――――――――


【☆☆☆☆】
☆☆☆☆☆☆
――――――――――――









【さがえんコピペ用】
●☆☆☆☆
☆☆☆☆☆☆
――――――――――――
●☆☆☆☆
☆☆☆☆☆☆
――――――――――――
●☆☆☆☆
☆☆☆☆☆☆
――――――――――――
●☆☆☆☆
☆☆☆☆☆☆
――――――――――――


――――――――――――
</plaintext></pre>