[html-cssの記述]
◎ 一般に
旧来は、abcdef=”123”
CSSは、abc-def:123;-----属性：値；
旧来とCSSの例 最初が旧来 二例目がheadでのCSS 三例目が本文中のCSSの例
bgcolor=”#aabbcc”
background-color:#aabbcc;
----------------------------------------------------------------
align=”right”
float:right;
----------------------------------------------------------------
font color=”#aabbcc”
color:#aabbcc;
---------------------------------------------------------------
font size=”7”
font-size:12pt;
-----------------------------------------------------------------
背景に色を付ける
<body bgcolor=”#aabbcc”>
<style type=”text/css”>
body{
background-color:#aabbcc;
}
<body style=”background-color:#aabbcc”>
-------------------------------------------------------------------------
背景に画像を貼り付ける
<body background=”abc.jpg””>
<style type=”text/css”>
body{
background-image:url(“abc.jpg”);
}
-----------------------------------------------------------------------------
画像を右詰めで表示
<img src=”abc.jpg” align=”right”>
<style type=”text/css”>
img.right{
float:right;}
</style>
------<img src=”abc.jpg” class=”right”>
<img src=”abc.jpg” style=”float:right”>
---------------------------------------------------------------------------------
文字の色
<font color=”#aabbcc”>abc</font>
.type1{color:#aabbcc;}
．セレクタ｛属性：値；｝
-----<p class=”type1”>abc</p>
<p style=”color:#aabbcc;”>abc</p>
----------------------------------------------------------------------------------
文字の大きさ
<font size=”7”>abc</font>
.s12{font-size:12pt;}
-------<span class=”s12”>abc</span>
<span style=”font-size:12pt”>abc</span>
-----------------------------------------------------------------------------------
行間 CSS
line-height:1.3em;
-----------------------------------------------------------------------------------
テキストの配置 CSS
margin-left:20pt;
margin-top:-25pt;
text-align:center;
text-align:left;
--------------------------------------------------------------------------
アンダーライン
<u>〜</u>
取消線
<s>〜</s>
---------------------------------------------------------------------------
CSS
下線
text-decoration:underline;
上線
text-decoration:overline;
取消線
text-decoration:line-through;
点滅
text-decoration:blink;
-----------------------------------------------------------------------------
画像等の大きさ
width=”200” height=”100”
CSS
width:200px;
Height:100px;
------------------------------------------------------------------------------