html的标记参考手册.doc

假期实习作业 .Created by baibai2020/3/1 1、字体属性属性属性含义属性值font-family使用什么字体所有的字体font-style字体是否是斜体normal，italic，obliquefont-variant字体时候小体大写normal，small-capsfont-weight定义字体粗细normal，bold，bolder，litherfont-size定义字体大小absolute-size，relative-size，lengh，percentage2、颜色和背景属性属性属性含义属性书写格式属性值color定义前景色例：pcolor:red颜色background-color定义背景色例：bodybackground-color:yellow颜色background-image定义背景图案例：bodybackground-image:url(.jpg)图片路径background-repeat背景图案重复方式例：bodybackground-repeat:repeat-yrepeat-x，repeat-y，no-repeatbackground-attanment设置滚动例：bodybackground-attanment:scrollscroll，fixedbackground-positon背景图案初始位置例：bodybackground:url(.jpg)top centerpercentage，length，top，left，right，bottom等3、文本属性属性含义属性书写格式属性值Text文本字体大小行高样式间距颜色大小写对齐缩进4、区块样式属性属性含义属性书写格式属性值字母间距单词间距水平对齐垂直对齐缩进5、方框样式属性属性含义属性书写格式属性值宽高浮动清除边界填充6、边框属性属性含义属性书写格式属性值颜色粗细样式宽高7、列表属性属性含义属性书写格式属性值类型项目符号图像位置排列8、定位属性属性含义属性书写格式属性值9、光标属性属性含义属性书写格式属性值HandCrosshairTextWaitDefaultHelpe-resizeNe-resizeSw-resizes-resizeSe-resizeauto10、滤镜属性属性含义属性书写格式属性值Alpha设置透明效果Blru设置模糊效果Chroma把指定的颜色设置为透明DropShadow设置投射阴影FlipH水平反转FlipV垂直反转Glow为对象的外边界增加光效Grayscale降低图片的彩色度Invert将色彩、饱和度以及亮度值完全反转建立底片效果Light设置灯光投影效果Mask设置遮罩效果，Color指定遮罩的颜色Shadow设置阴影效果Wave设置水平方向和垂直方向的波动效果Xray设置X光照效果1）复制练习文档，使用DREAMWEAVER打开其中的11-3.htm文件；2）打开新建CSS规则对话框，在“定义在”中选择定义在 新建样式表文件；4）在选择器类型里选择类，在名称里填写 .myblur，单击确定； 5）在保存对话框中将生成的样式表文件命名为mystyle.css；6）在打开的.myblur的 css规则定义的对话框中，在扩展选项卡内设置，在滤镜中选中blur，设置blur(add=true,direction=90,strength=25)，单击确定；7）选中“模糊效果实例”几个字所在单元格，在属性面板的样式下拉菜单中选中myblur， 8）点击F12预览实际效果，生成的效果9）重复步骤二，制作自定义的类 .myshadow； 10）在打开的.myshadow的 css规则定义的对话框中，在扩展选项卡内设置，在滤镜中选中dropshadow，设置dropshadow(color=#999999,offx=15,offy=10,positive=true) ，单击确定；11）选中“投影效果实例”几个字所在单元格，在属性面板的样式下拉菜单中选中myshadow；12）点击F12预览实际效果，13）重复步骤二，制作自定义的类 .myglow； 14）在打开的.myglow的 css规则定义的对话框中，在扩展选项卡内设置，在滤镜中选中glow，设置glow(color=#FF3399,strength=15) ，单击确定；15）选中“光效效果实例”几个字所在单元格，在属性面板的样式下拉菜单中选中myglow；16）点击F12预览实际效果，生成的效果如图11-12所示；17）重复步骤二，制作自定义的类 .myalpha； 18）在打开的.myalpha的 css规则定义的对话框中，在扩展选项卡内设置，在滤镜中选中alpha，设置Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=10, StartY=100, FinishX=400, FinishY=100) ，单击确定；19）选中“透明效果实例”几个字所在单元格，在属性面板的样式下拉菜单中选中myalpha；20）点击F12预览实际效果，生成的效果如图11-13所示；21）完成项目，最终效果请见光盘中相应完成文档。自建一篇文档，设置集中css样式？ 滤镜编号滤镜效果滤镜编号滤镜效果0方块出现1方块消失2圆形向内3圆形向外4向上擦拭5向下擦拭6向左擦拭7向右擦拭8垂直百叶窗9水平百叶窗10棋盘交错11棋盘向下12随机分裂13垂直分割向内14垂直分割向外15水平分割向内16水平分割向外17左下方剥落18左上方剥落19右下方剥落20右上方剥落21水平随机效果22垂直随机效果23随机出现上述