HTML代码与css样式比较

HTML代码

HTML实例

css样式

css实例

字号

size=7

字号

font-size: 25pt;

颜色

color=#ff0000

颜色

color: rgb(0, 247, 0);

字体

face="华文行楷"

字体

face: 华文行楷;zz或font-family: 黑体;

行高

line-height: 1.5em;

字距

letter-spacing: 1px;

文本缩进

text-indent: 28pt;

背景颜色

bgColor="#00ff00"

背景颜色

background-color:rgb(74, 105, 95);

边框线颜色

borderColor="#990000"

边框线颜色

border-color: rgb(108, 204, 0);

    HTML代码与css样式比较    

HTML代码

HTML实例

css样式

css实例

间距

cellSpacing="10"

边距

cellPadding="3"

宽度

width="650"

宽度

width: 700px;

高度

height="210"

高度

height: 60px;

边框线宽度

border="5">

边框线宽度

border-width: 2px;

边框线样式

border-style: solid;

综合设置边框线

border: 10px dashed rgb(108, 204, 0);

背景图片

background="http://

image52.360doc.com/ DownloadImg/

2012/06/0415/24605894_3.jpg"

背景图片

background-image:

url("http://image52.360doc.com/

DownloadImg/2012/06/1006/24744531_7.gif");

HTML代码与css样式比较

HTML代码

HTML实例

css样式

css实例

亮边框颜色

borderColorLight="#a2875a"

暗边框颜色

borderColorDark="#000000"

移动方向

direction="right"

移动速度

scrollAmount="3"

来回走

behavior="alternate"

移动间隔时间

scrollDelay="10">

移动次数

loop="10"

宽度

width: 100%;

竖排版

writing-mode: tb-rl;

外边矩

margin: 0px 10px 0px 0px;"

内边距

padding:5px 10px 20px 30px;

对齐方式

align="center"

对齐方式

text-align: left;

    HTML代码与css样式比较    

HTML代码

HTML实例

css样式

css实例

标题

title=""

文字注释

alt=""

HTML代码：标签名称与属性用空格隔开，属性与属性用空格隔开，属性与属值用等号连接，属值用双引号引起来。

例如：<FONT color=#ff0000 size=6 face=隶书>

css样式：标签与样式style用空格隔开，样式与属性用等号连接，各属性之间用分号隔开，属性与属值用冒号连接。

例如：<font style="color: rgb(0, 0, 255); font-family: 黑体; font-size: 30pt;">

附：对齐方式：align="left" align="center" align="right"

附：边框线的样式：dotted是点虚线型；dashed是线虚线型；solid是实线型；double是双线型；groove是3D沟槽状；ridge是3D脊状；inset是3D内嵌式；outset是3D外嵌式。

移动方向：向上 direction="up" 、向右direction="right" 、向下direction="down"

可以限制规格的背景图片：

background="<div" align="center"><img style="width: 680px; height: 480px;" src="http://userimage3.360doc.com/13/0203/19/2904667_201302031949270904.jpg"

附：外边矩：：margin-top: 20px;是上外边矩；margin-right: 30px;是右外边矩；margin-bottom: 30px;是下外边矩；margin-left: 20px;是左外边矩。