Dreamweaver代码名词解释
<html></html>
<title></title>
<style></style>风格
<body></body>
<!-- 注释内容  -->  html注释
/*  注释内容  */    CSS注释
width="800"；表格宽度
width:800; 表格宽度
height="800"; 表格高度
height:800; 表格高度
-
-------------------------------------------------------------------------------------------------------
<div ></div>盒子里由外至里依次是：
margin 边界
border 边框
padding 填充，间隙
contet  (内容，比如文本，图片等)
------------------------------------------------
------------------------------------------------
margin 边界
margin:0px auto 居中
margin: 0；边界为0
margin-left:1cm;
margin-right:1cm;
margin-top:1cm;
margin-bottom:1cm;
margin:1cm 2cm 3cm 4cm；上右下左
margin:1cm；全部为1
----------------
border 边框
宽度；风格；颜；
border-width ——边框线条宽度
border-style——边框线条样式
border-color——边框线条颜
border:5px soled red; 简写用法
border-width:5px; border-style:soled;border-color:gray；全写用法
border-style：soled
border-color:gray;
设定上边框属性，border-top, border-top-width, border-top-style, border-top-color。
设定下边框属性，border-bottom, border-bottom-width, border-bottom-style, border-bottom-color。
设定左边框属性，border-left, border-left-width, border-left-style, border-left-color。
设定上边框属性，border-right, border-right-width, border-right-style, border-right-color
medium (是缺省值)
thin (比medium细)
thick (比medium粗)
solid 实线
dashed 虚线
dotted 点虚线
border-style:none 边框风格属性(没有边框，无论边框宽度设为多大)
演示示例 演示示例 例句如下：这个属性用来设定上下左右边框的颜。
dotted (点线式边框)
dashed (破折线式边框)
solid (直线式边框)
double (双线式边框)
groove (槽线式边框)
ridge(脊线式边框)
inset (内嵌效果的边框)
outset (突起效果的边框)
border-top:1px solid #FC7064;  上边框
border-bottom:1px solid #FC7064; 底边框
border-left:1px solid #FC7064;  左边框
Bordercolor="#FC7064"，边框颜;
Bordercolorlight="#FC7064"，边框明亮面的颜;
Bordercolordark="#FC7064"，边框暗淡面的颜;
background="图片地址" 背景图片
background="#fff" 背景颜
background:#fff 背景颜
bgcolor="#FF9900"  背景颜
Bgcolor="#FC7064"，背景;
------------------------------------------------------------------------------------------------------
padding 填充
padding: 0;
padding-left:5px 左内边距是5px
padding-bottom:5px 底部内边距是5px
padding-top:1cm;
padding-right:1cm;
padding-left:5cm;
padding-bottom:1cm;
padding:1cm
padding:1cm 2cm 3cm 4cm
----------------
contet  内容
-------------------------------------------------------------------------------------------------
-----
background-image:url("images/bg1.jpg")
background-repeat:repeat;  /*背景不循环*/
color:#fff;
font-size:14px;
Palatino, serif;
--------------------------------------------------------------------------------
字体
字体常用属性：
color：颜
color:green 颜
font-family：字体类型（黑体、宋体）
font-size：字体大小
font-style：italic=斜体
font-weight ：bold=粗体
html span 居中
text-decoration：underline=下划线
line-height ：行高度
letter-spacing：字符间距
word-spacing ：词间距
maxlength:50px 可输入字符串最大的长度
----------------------------------------
Css样式
文本
<body >
背景附着属性：body {background-image:url(../images/css_tutorials/background.jpg); background-repeat:no-repeat; background-attachment:fixed}
背景位置属性：body {background-image:url(../images/css_tutorials/background.jpg);background-repeat:no-repeat; background-position:20px 60px}
背景属性：body {background:#99FF00 url(../images/css_tutorials/background.jpg) no-repeat fixed 40px 100px}
repeat-x 背景图片横向重复
repeat-y 背景图片竖向重复
background-repeat:repeat-y
no-repeat 背景图片不重复
left (居左，缺省值)
right (居右)
center (居中)
justify (两端对齐)
display:block  //使行间元素变成块级元素，有高和宽 
background-color:#000 //背景颜
text-align:center  //文字水平距中
text-indent: 8mm；文本缩进属性 
line-height:25px  //行高，文字在竖直方向距中
text-decoration:none;
text-decoration: underline：文本修饰属性
text-align:right：文本对齐属性
font-family: 微软雅黑
font-weight:bold 文字粗体
font-size:12px 文字大小
<font size=1></font>最小字体
font-style：
font-style:itelic 文字斜体育
font-variant:small-caps 小字体
font-family:Verdana;
text-align:center 居中
spacing 间距
script 脚本
face 字体
<pre></pre>，预先格式化文本;
<br> 换行(单标签)
<span><span>换行
<p></p>
h1
-----------------------------------------
字体属性：.s1 {font-family:Arial}
大小属性：.s2 {font-size:16pt}
风格属性：.s1 {font-sytle:italic}
------------------------------------------
字体大小：
<b></b> 黑体字/ 加粗文字标识的开始和结束
<strong></strong>粗体字(强调) （同上效果略同）
字体 大小写
text-transform : capitalize 首字大写
text-transform : uppercase 英文大写
text-transform : lowercase 英文写
text-align:left/center/right/ 文字*右对齐
text-indent
text-decoration underline none line-through overline
---------------------------------------------
字体样式：
<i></i>斜体字
<em></em>斜体字(强调)
<dfn></dfn>斜体字(表示定义)
<xmp></xmp>固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintex
t></plaintext>固定宽度字体(不执行标记符号)
<listing></listing> 固定宽度小字体
letter-spacing : 1pt 文字间距
line-height : 200% 设定行高
<tt></tt> 打字体
<kbd></kbd>键盘文字
vertical-align:sub 下标字
vertical-align:super 上标字
letter-spacing: 3mm；字间距属性
----------------------------------------
字体 加线
text: 文本
decoration：装饰
text-decoration:line-through 加除线
text-decoration:overline 加顶线
text-decoration:underline 加底线
text-decoration:none；去掉下划线
<ins></ins>底线(表示插入文字)
<u></u>，下划线
<s></s>删除线
<del></del>删除线(表示删除)
<strike></strike>横线
<hr></hr>水平线
<hr size=’9’>水平线(设定大小)
<hr width=’80%’>水平线(设定宽度)
<hr color=’ff0000’>水平线(设定颜)
--------------------------------------------
link 连接
alink
vlink 虚连接
BlockQuotc文本缩进
cols文本框的宽度
rows文本框的高度
wrap文本框的折行方式可选值有： 
<textarea></textarea>，大量文字输入的编辑块
-------------------------------------------------------------------------------
图片
src="连接地址"
href="连接地址"
focus焦点图”
<script src="js/jquery.js" type="text/javascript">
</script><script src="js/focus.js"type="text/javascript">
图片热键：
shape="rect" 方形
shape="circle" 圆形
shape="poly" 自由形状
poly 聚
-------------------------------------------------------------------------------
对齐
float:left 左浮动
clear="left/right"清除浮动
clear="all"
clear: both;
align="left/right/center/top" 对齐
valign="top  表格居上对齐
middle 图片和文字居中对齐
bottom 图片和文字底边对齐（默认）
--------------------------------------
定位标签：position
Rows 行
pan 平移
vspace="9" 垂直边距
hspace="1" 水平边距
position:relative;
包含属性：relative（相对） absolute（绝对）
top、right、bottom、left
relative 生成相对定位的元素，相对于其正常位置进行定位。"left:20" 会向元素的 LEFT 位置添加 20 像素。
absolute 生成绝对定位的元素，元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
--------------------------------------------------------------------------------------------------
效果
<marquee></marquee>，滚动部分;
direction=up 上下滚动
Loop=""，环次数;
opacity 不透明度
filter：样式表滤镜;
Alpha：透明滤镜,
opacity：不透明度100(0~100);
Direction=""，滚动方向;
scrollamount=1~60，滚动速度
direction=|left|right|up|down|，滚动方向
scrolldelay=滚动延时，单位：毫秒
{3}动态属性：
<marquee></marquee>普通卷动
scrollamount=1~60，滚动速度
direction=eft/right/up/down 滚动方向
scrolldelay=滚动延时，单位：毫秒
scrolling="no" 不滚动
marquee behavior=slide 滑动
behavior=scroll预设卷动
behavior=alternate来回卷动
Behavior:Scroll（循环滚动）
Behavior:Slide（单次滚动）
Behavior:Alternate（来回滚动）
loop=2 卷动次数
width=180 设定宽度
height=30 设定高度
bgcolor=FF0000 设定背景颜
scrollamount=30> 设定滚动速度
scrolldelay=300设定卷动时间
onmouseover="this.stop()"鼠标经过上面时停止滚动
onmouseover="this.start()"鼠标离开时开始滚动
hspace、vspace：前后、上下的空行
--------------------------------------------------------------------------------
body
<body></body>
<div ></div> 标签 division的缩写，分区
<div></div>
<table></table>
<a></a>
<li></li>
<ul></ul>
ul无序和ol有序列表
<p></p>为段落标记/换行(间隔较大)/
<p><a href="#">内容</a><p>(超链接且 换行)
<nobr></nobr>水域(不换行)
<form></form>表单
<font></font>文本标识的开始和结束
-------------------------------------------------------------------------------------
表格属性:
<table></table> 表格
dd —— define list define —— 用于生成定义列表各列表项的说明文字段，重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解释。
dl—— define list——定义列表
dt —— define list title —— 用于生成定义列表中各列表项的标题，重复使用可以定义多个列表项的标题。注意：其中不能包含 hx 元素。
<table cols=5>...</table>指定表格的栏数
<table frame=5>...</table>设定表格外框线的显示方式
<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)
<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)
<tr></tr>表格中一个表格行的开始和结束;
<td></td>表格中行内一个单元格的开始和结束
th==排头兵==表头排头兵
rules="none"不显示内框"
表格透明
caption==举牌子的人==标题
Cellpadding=""，内容与边框的距离(默认为2);
Cellspacing=""，单元格间的距离(默认为2);
Col 关口
Cols=""，行;
span 跨度
Colspan 合并单元格
Colspan=""，单元格跨越多列;
Rowspan=""，单元格跨越多行;
Rows=""，列;
Rowspan="5"，单元格跨越多行;
--------------------------------------
<bgsound></bgsound>，背景音乐;
src="music.mid"  来源地址
autostart="true"
loop="true"
hidden="true"
Loop="1"，循环次数;
embed，媒体播放块;
----------------------------------------------
cellpadding="3"  填充 指定内容与格线之间的间距
cellspacing="3"  间距 指定格线与格线之间的距离
----------------------------------------------------
<select></select> 下拉选择框
<input,type="text">，文本框
<input,type="password">，密码框
<input,type="submit">，提交按扭
<input,type="checkbox">，复选框
<input,type="radio">，单选框
<input,type="reset">，重置按扭
<input,
type="image">，图片按扭
<input,type="hidden">，隐藏域
<input,type="button">，按扭
<input,type="file">，浏览文件
h1 选择器1
h2 选择器2
h3 选择器3
h4 选择器4
h5 选择器5
h6 选择器6
------------------------------------------------------------------------------------------------------
滤镜：
.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;        opacity: 0.5; }
  上面的几个属性分别是:opacity: 0.5; 这是最重要的，因为它是CSS标准.该属性支持firefox, Safari和 Opera.　
　filter:alpha(opacity=50); 这个是为IE6设的，可取值在0-100，
其它三个0到1. 
-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。　
    -khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。
--------------------------------------------------------------------------------------
id="content"
id="xScroll"
id="currentPage"
id="countPage"
id="nav"
id="cutoverList"
class="a1"
class="h-star-img"
class="col-main"
class="layout"
class="col-main-warp"
class="s-services"
class="h-title"
class="rbutton"
class="h-product-list bk_tmp"
class="h-product-list-warp"
class="phone"
class="gray-more"
class="bk_tmp"
------------------------------------------------------------------------------------
value 文本框的初始值；内部值；显示在按钮上的文字 
checked 默认选定
reset 重置按钮
submit 确定按钮
name ：属性 按钮名称  单选框名称 文本框的名称
password 密码框
hidden 隐藏域
value 内定值
image 图片域
font元素；字形
cell 细胞
FILTER：过滤器
alpha 阿尔法
margin 余量
src="" 图片链接地址，贴图标识必备属性
style=filter:Alpha(opacity=100,style=2);
filter：样式表滤镜;
Alpha：透明滤镜,
opacity：不透明度100(0~100);
style 样式
rules 规则
embed 嵌
bgproperties
fixed 固定
Script 脚本
Java
Script
floor 地板
Math 数学
random 随机
length 长度
document 文件
flash透明选项
param 参数
namespace 命名空间
value 值
transparent 透明
Multiple，多选
act=loginout"
var 变种
undefined 未定义
<option></option>
off不保存换行信息
scrolling 是否显示滚动条，yes/no,auto是自动。
noresize 设置不让使用者改变这个框架的大小，
<noframe> </noframe> e元素
<select> </select> 列表框
display:block
javascript
function 功能
doZoom
document 文件
getElementById
maincontent 主体
footer 询问结尾
--------------------------------
<iframe src=另一个网页地址></iframe> 在当前网页中包含另一个网页
<META HTTP-EQUIV="refresh" CONTENT="时间间隔秒"> 网页打开后，隔一定时间自动刷新
网页打开后，隔一定时间自动跳转到另一页：<meta http-equiv="Refresh" content="时间间隔秒; url=另一个网页地址">

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。