HTML的图片大小(Height,Width)

HTML图片的说明(Alt属性)

HTML图片的对齐方式(align)上下值 top middle bottom 左右值Left Left right

<img src="" width="" height="" alt="" align="">

CSS背景属性
背景颜色属性(background-color)
背景图片属性(background-image)
背景重复属性(background-repeat)值 repeat-x,repeat-y,no-repeat)
背景附着属性(background-attachment)值scroll,fixed,scroll
背景位置属性(background-position)
背景属性(background)
body {background:#99FF00 url(../images/css_tutorials/background.jpg) no-repeat fixed 40px 100px}

HTML表格<table>行<tr>单元格<td>

边界border  不设置不显示,单元格空其边界也不显示,插入一个&nbsp;空格符可显示.

表头<th>

<table border="1">
<tr>
<th>姓名</th>
<th>电话</th>
<th>传真</th>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
</table>

表格上加上标题<caption>,

<table border="6">
<caption>表格标题</caption>
<tr>
<td>100</td>

列分单元格colspan,<th colspan="2">联系方式</th>
行分单元格rowspan,<th rowspan="2">联系方式</th>

单元格内容与单元格边界间距cellpadding

单元格间距cellspacing  ,缺省情况下,值为1

表格的背景颜色bgcolor,表格的背景图片background

单元格的背景颜色bgcolor,单元格的背景图片background

单元格内容的对齐方式align :center,left,right

HTML超链接

<a href="" target=_blank title="注释">链接文字</a>

注释用&#10;作换行符。

name属性

 <a href="#c1"> 链接文字</a>

<a name="c1">文字</a>

链接到email

<a href=mailto:info邮箱地址 >链接文字</a>

CSS伪类(pseudo-class)

锚(a)伪类

<style type="text/css">
a:link {color: #FF0000}     /* 未被访问的链接 红色 */
a:visited {color: #00FF00}  /* 已被访问过的链接 绿色 */
a:hover {color: #FFCC00}   /* 鼠标悬浮在上的链接 橙色 */
a:active {color: #0000FF}   /* 鼠标点中激活链接 蓝色 */
</style>
<a href="">链接文字</a>

也可用HTML的class属性来设定

<style type="text/css">
a.c1:link {color: #FF0000}     /* 未被访问的链接 红色 */
a.c1:visited {color: #00FF00}  /* 已被访问过的链接 绿色 */
a.c1:hover {color: #FFCC00}   /* 鼠标悬浮在上的链接 橙色 */
a.c1:active {color: #0000FF}   /* 鼠标点中激活链接 蓝色 */
</style>

<p><a class="c1" href="">链接文字</a></p>

列表样式类型属性(list-style-type)

disc (缺省值，黑圆点)

circle (空心圆点)

square (小黑方块)

decimal (数字排序)

lower-roman (小写罗马字排序)

upper-roman (大写罗马字排序)

lower-alpha (小写字母排序)

upper-alpha (大写字母排序)

none (无列表项标记)

以disc,circle,square,none作为列表项标记的列表示例

<style type="text/css">
ul.disc {list-style-type: disc}
</style>
<ul class="disc">
<li>肉</li>
<li>菜</li>
<li>果</li>
</ul>

以decimal,lower-roman,upper-roman,lower-alpha,upper-alpha作为列表项标记的列表示例

<style type="text/css">
ol.decimal {list-style-type: decimal}
</style>
<ol class="decimal">
<li>肉类</li>
<li>蔬菜</li>
<li>水果</li>
</ol>

列表样式位置属性(list-style-position)

outside (以列表项内容为准对齐)

inside (以列表项标记为准对齐)

<style type="text/css">
.u1 {list-style-position:outside}
</style>
<ul class ="u1">
<li>文字</li>

列表样式图片属性(list-style-image)

<style type="text/css">
ul {list-style-image: url()}
</style>

<ul>
<li>文字</li>

列表样式类型属性(list-style-type)

ul {list-style:circle inside url()}