HTML复习新得

将后几项不常用、不熟悉的内容21-26放到前面：

21.光标属性cursor: auto|形状取值|url（图像地址），用于改变鼠标指针的形状。

22.滤镜属性：

filter:alpha(参数1=值,参数2=值)

参数：

opacity：透明度（取值0-100）

style：设置渐变样式（0、1、2、3分别代表无渐变，直线渐变，圆形渐变，矩形渐变）

startx、starty；设置透明渐变开始点的垂直水平坐标

finishx、finishy：设置透明渐变结束点的垂直水平坐标

23.动感模糊blur

filter: blur(add=参数值,direction=参数值,strength=参数值)

add：设置是否显示原图片（true、false）

direction：动感模糊的方向，按顺时针的方向以45度为单位进行积累

strength：动感模糊强度

24.对象翻转：flipH、filpV

filter:   FlipH设置沿水平方向翻转

filter:   FlipV设置沿垂直方向翻转

25.发光效果glow用于设置在对象周围产生发光的效果

filter:Glow(Color=#fbf412,strength=8);

颜色取值#fbf412，强度8

26.灰度处理：filter: Gray;

 

1.不换行标记：<nobr></nobr>

2.水平线：<hr>

3.&nbsp空格 <:&lt >:&gt

4.gif 256色，jpg:百万色，png：网页图像格式，压缩好，图像清晰。

5.<meta http-equiv=>"refresh" content="跳转的时间;URL=跳转到的地址">

6.设置滚动效果：<marquee></marquee>滚动方向direction

7.插入多媒体文件，flash、视频、音频

8.添加背景音乐bgsound

9.使用表单：

<form action="表单处理程序">……</form>

必不可少的方法：action、method（传送方法）

属性name：用于提交到后台后防止出现混乱

单选按钮radio：必须设置value的值，对于一个选项列表中的所有单选按钮来说，往往要设置相同的value的值。

<input type="radio"  name="radiobutton" value="radiobutton"/>

复选框：

<input type="checkbox" name="checkbox1" value="checkbox"/>

<input type="checkbox" name="checkbox2" value="checkbox"/>

<input type="checkbox" name="checkbox3" value="checkbox"/>

重置按钮：重置用户砸二面中输入的信息：

<input type="reset" name="名称" value="取值"/>

图像域用于创建任何外观的按钮：

<input name="名字" type=“image” src=“路径”/>

文件域file用于上传文件时，查找硬盘中文件的路径，上传图像时也常用到。

下拉菜单：

<form>

<select name="^">

<option value="选项值">

<option value="选项值">

</selcect>

</form>

 

列表项：

<form>

<select name="^" size="显示的列表项数">

<option value="选项值">

<option value="选项值">

</selcect>

</form>

10.颜色属性：

16进制：color:  #ff0000;表示红色

color: #000099;表示蓝色

color: #ffff00;表示黄色

11.背景附件background-attachment:scroll/fixed;

用于设置背景图像是否随文内容滚动。

文字部分;

12.单词间隔设置单词之间的间隔：

word-spacing

字符间隔用于设置字符包括汉子之间的间隔

letter-spacing

13.垂直对齐方式：

vertical-align：取值

取值：sub下标、super上标；

文本转换text-transform：取值

取值：capitalize每个单词第一个字母大写

uppercase所有祖母大写

lowercase所有字母小写

14.水平对其方式：text-align:justify（两端对齐）

15.文本缩进：text-indent

16.white-space用于处理页面空白的处理方式：

normal默认值；pre保留源代码中空格和换行，可以替换<pre></pre>的标签

17.常用边框样式：border-style：

dotted点线边框；dashed虚线边框；double双实线；solid实线

18.定位属性position:absolution/static/fixed/relative

其中注意：absolute需要同时使用：left、right、bottom、top

19.clip可视区域，用于限定只显示裁切出的区域

如：

.ql {

clip:rect(auto,6cm,64px,auto);

}

20.列表属性：图像符号list-style-image用图像作为列表符号