HTML常用标记说明和CSS属性设置对照表.docx

西南林业大学11栋1单元208室HTML个别常用标记说明和CSS中个别属性设置一.常用文本字符标记标记标记名称功能描述 换行标记另外起一行开始标尺标记形成一个水平的标尺 居中对齐标记在文本网页中间显示 引用标记引用名言 预定义标记是源代码的格式显示在浏览器上 标题标记网页标题，分h1h6 字体标记修饰字体大小，颜色，字体名字 字体加粗标记文字样式加粗显示 斜体标记文字样式斜体显示 下标标记文字以下标的方式显示 下划线标记文字下方有下划线 上标标记文字以上标的方式显示 地址标记文字以斜体的形式显示地址 段落标记内容为一个段落备注：Html标记都是成对出现，有开始符号就有结束符号，个别可以没有二列表标记标记描述无序列表在css里面美化用list-style-type:值为：disc(实心圆),circle(空心圆),square(实心方块),none(不实用任何标号)有序列表个别例子表示以大写I开始表示以大写A开始表示以小写a开始定义列表.定义列表标记列表项目标记三表单控件标记名称说明Type指定表达元素类型，选项有:hidden,password,checkbox,radio,submit等Name指定表单名称Value可选属性，指定表单元素初始值Size指定表单元素显示的长度Maxlength指定text,password元素可输入的最大字符CheckedBoolean属性，指定按钮是否被选中Src Src=”url”，标识目标位置四Table常用标记标记名称说明表格标记，成对出现行标记表格标题标记单元格标记表格标题标记Border边框宽度，值大于等于1有效Bgcolor表格背景颜色Align设置对齐的方式Cellpadding设置单元格边框和内部内容之间的间隔大小Cellspacing设置单元格之间的间隔大小Width表格的宽Height表格的高Colspan列合并Rowspan行合并五Html5中个别输入类型示例输入类型示例EmailurlNumberRangeDate piskerssearch六HTML5中标记属性属性值描述autoplayautoplay音频就绪就播放controlsControls有控件显示loopLoop重复播放preloadPreload和autoplay差不多srcurl播放文件位置例子：标记用法和属性和它差不多，多了属性width来设置播放器的宽度七CSS颜色对照颜色名称颜色名称aque水绿black黑色blue蓝色gray灰色lime浅绿navy深蓝purple紫色silver银色white白色fuchsia紫红green绿色maroon褐色olive橄榄red红色teal深青Yellow黄色八CSS中text-shadow属性属性值含义color指定颜色Length指定阴影的水平延伸距离可以为负值opacity指定模糊效果作用的距离九CSS中text-decoration属性属性值说明None默认Underline下划线Overline上划线Line-through中划线Blink闪烁十CSS中text-align属性属性值含义start文本向行的开始边缘对齐end文本向行的结束边缘对齐left左对齐right右对齐Center居中对齐justify根据text-justify属性设置分散对齐Match-parent继承对齐方式十一.CSS中background-repeat属性属性值描述repeat背景图片水平和垂直方向重复平铺Repeat-x水平方向平铺Repeat-y垂直方向平铺No-repeat不重复平铺十二. CSS中的background-position属性值属性值说明length图片与边距水平与垂直方向距离长度，后跟px,cm等percentage以页面元素框的高度或宽度的百分比放置图片top背景图片顶部居中center背景图片居中显示bottom背景图片底部居中显示left左部居中显示right右部居中显示十三.CSS中边框样式属性值含义None无边框Dotted点线Dashed破折线Solid直线Double双线Groove槽线ridge脊线inset内嵌outset突起十四.各边框样式属性属性值描述Border-top-style设定上边框的样式Border-right-style右边框样式Border-bottom-style下边框样式Border-left-style左边框样式十五.定义不同的圆角属性描述Border-top-right-radius定义右上圆角Border-top-left-radius定义左上圆角Border-bottom-left-radius定义左下圆角Border-bottom-right-radius定义右下圆角示例：border-top-left-radius:60px;十六.超链接伪类伪类用途A:link未被访问前的样式A:hover鼠标悬浮在上面的样式A:active激活时样式A:visited访问过的样式十七.滤镜滤镜名称效果Alpha 设置透明度Blendtrans实现头像之间的淡入淡出Blur 建立模糊效果Chroma 设置对象中指定颜色为透明色drhopshadow建立阴影效果FlipH将元素水平翻转FlipV将元素垂直翻转Glow建立外发光效果Gray灰度显示Invert 图像反相Light 设置光源效果Mask建立透明遮罩Revealtrans 建立切换效果Shadow建立另一种阴影效果Wave 波纹效果Xray 显示图片的轮廓示例:(style取值:03)十八.Display属性值属性值说明block以块元素的方式显示inline以内联元素方式显示none元素隐藏List-item以列表方式显示十九.Padding子属性属性描述Padding-top设定上间隙Padding-bottom设定下间隙Padding-left设定左间隙Padding-right设定右间隙二十.Margin子属性属性描述Margin-top设定上边距Ma