HTML-JS-CSS技术手册
HTML 2
1、什么是填充属性和间距属性 2
2、使用锚记 4
3、滚动字幕 5
CSS 6
1、样式表的基本语法 6
2、文本属性 7
3、背景属情 7
4、方框属性 7
5、实现行的背景色为yellow,线宽2px、虚线框样式dashed、颜色为red 8
6、实现下图细边框的效果 10
7、特殊超链接样式 11
7-1、CSS控制超链接样式(无下划线)和(鼠标悬浮时变为红色并加上下划线) 11
8、实现细边框的文本输入框, 设置无下划线的超连接样式, 鼠标在超链接上悬停时变为红色 12
9、实再按钮背景图像 13
10、行内(嵌入)样式表 14
11、链接(LINK )外部样式表 16
12、表格下方为虚线样式 16
13、单独的虚线样式 17
14、设置细边框样式,当鼠标移动到边框上方时,边框变为红色 17
15、表格导角 18
JavaScript 19
HTML
1、什么是填充属性和间距属性
为什么要使用表格填充属性
2、使用锚记
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>锚记</title>
</head>
<body>
<a href="#marker">点击此处</a><br>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<a name="marker">要看到的内容</a>
</body>
</html>
3、滚动字幕
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>滚动字幕</title>
</head>
<body>
<marquee scrolldelay="100" direction="lift">从右向左水平滚动(默认)</marquee>
<marquee scrolldelay="100" direction="right">从左向右水平滚动</marquee>
<marquee scrolldelay="100" direction="up" onMouseOver="()" onMouseOut="()">
<a href="#">测试1</a><br>
<a href="#">测试2</a><br>
</marquee>
</body>
</html>
CSS
1、样式表的基本语法
2、文本属性
文本属性
说明
font-size
字体大小
font-family
字体类型
font-style
字体样式
color
设置或检索文本的颜色
text-align
文本对齐
3、背景属情
背景属性
说明
background-color
设置背景颜色
background-image
设置背景图像
background-repeat
设置一个指定的图像如何被重复
可取值repeat-x(只在水平方向上平铺)、 repeat (铺满整个区域) 、 no-repeat (不平铺) 、repeat-y (只在垂直方向上平铺)
4、方框属性
属性
CSS名称
说明
边界属性
margin-top
设置对象的上边距
margin-right
设置对象的右边距
margin-bottom
设置对象的下边距
margin-left
设置对象的左边距
边框属性
border-style
设置边框的样式
border-width
设置边框的宽度
border-color
设置边框的颜色
填充属性
paddin
HTML-JS-CSS 来自淘豆网m.daumloan.com转载请标明出处.
