html的标记参考手册

《html的标记参考手册》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、假期实习作业.Createdbybaibai2021/7/241、字体属性属性属性含义属性值font-family使用什么字体所有的字体font-style字体是否是斜体normal，italic，obliquefont-variant字体时候小体大写normal，small-capsfont-weight定义字体粗细normal，bold，bolder，litherfont-size定义字体大小absolute-size，relative-size，lengh，percentage2、颜色和背景属性属性属性含义属性书写

2、格式属性值color定义前景色例：p{color:red}颜色background-color定义背景色例：body{background-color:yellow}颜色background-image定义背景图案例：body{background-image:url(.jpg)}图片路径background-repeat背景图案重复方式例：body{background-repeat:repeat-y}repeat-x，repeat-y，no-repeatbackground-attanment设置滚动例：body{b

3、ackground-attanment:scroll}scroll，fixedbackground-positon背景图案初始位置例：body{background:url(.jpg)topcenter}percentage，length，top，left，right，bottom等3、文本属性属性含义属性书写格式属性值Text文本字体大小行高样式间距6假期实习作业.Createdbybaibai2021/7/24颜色大小写对齐缩进4、区块样式属性属性含义属性书写格式属性值字母间距单词间距水平对齐垂直对齐缩进5、方框样式

4、属性属性含义属性书写格式属性值宽高浮动清除边界填充6、边框属性属性含义属性书写格式属性值颜色粗细样式宽高7、列表属性属性含义属性书写格式属性值类型6假期实习作业.Createdbybaibai2021/7/24项目符号图像位置排列8、定位属性属性含义属性书写格式属性值9、光标属性属性含义属性书写格式属性值HandCrosshairTextWaitDefaultHelpe-resizeNe-resizeSw-resizes-resizeSe-resizeauto10、滤镜属性属性含义属性书写格式属性值Alpha设置透明效果

5、Blru设置模糊效果Chroma把指定的颜色设置为透明DropShadow设置投射阴影6假期实习作业.Createdbybaibai2021/7/24FlipH水平反转FlipV垂直反转Glow为对象的外边界增加光效Grayscale降低图片的彩色度Invert将色彩、饱和度以及亮度值完全反转建立底片效果Light设置灯光投影效果Mask设置遮罩效果，Color指定遮罩的颜色Shadow设置阴影效果Wave设置水平方向和垂直方向的波动效果Xray设置X光照效果1）复制练习文档，使用DREAMWEAVER打开其中的11-3

6、.htm文件；2）打开新建CSS规则对话框，在“定义在”中选择定义在新建样式表文件；4）在选择器类型里选择类，在名称里填写.myblur，单击确定；5）在保存对话框中将生成的样式表文件命名为mystyle.css；6）在打开的.myblur的css规则定义的对话框中，在扩展选项卡内设置，在滤镜中选中blur，设置blur(add=true,direction=90,strength=25)，单击确定；7）选中“模糊效果实例”几个字所在单元格，在属性面板的样式下拉菜单中选中myblur，8）点击F12预览实际效果，生成的效

7、果9）重复步骤二，制作自定义的类.myshadow；10）在打开的.myshadow的css规则定义的对话框中，在扩展选项卡内设置，在滤镜中选中dropshadow，设置dropshadow(color=#999999,offx=15,offy=10,positive=true)，单击确定；11）选中“投影效果实例”几个字所在单元格，在属性面板的样式下拉菜单中选中myshadow；12）点击F12预览实际效果，13）重复步骤二，制作自定义的类.myglow；6假期实习作业.Createdbybaibai2021/7/24

8、14）在打开的.myglow的css规则定义的对话框中，在扩展选项卡内设置，在滤镜中选中glow，设置glow(color=#FF3399,strength=15)，单击确定；15）选中“光效效果实例”几个字所在单元格，在属性面板的样式下拉菜单中选中myglow；16）点击F12预览实际效果，生成的效果如图11-12