web前端基础知识总结 (7)

Float 让文字环绕在元素四周     clear指定在某一元素的某一边是否允许有环绕的文字和对象  clip限定只显示裁切 出来的区域 width设定对象的宽度 height设定对象的高度 padding设定边框和内容间的距离   margin 元素里 浏览器的距离 overflow 当本层内容容纳不下时的处理方式 position 设置对象位置   z-index决定层的先后顺序和覆盖关系

属性值:

Float: none left right

Overflow:  visible无论层的大小,内容都会显示出来 hidden 隐藏超出层的内容  scroll 不管是否超 出都会添加滚动条 auto 只有超出时才会有滚动条

(6)、列表属性:

List-style-type 设定引导列表的项目类型 list-style-image  选择图像作为项目的引导符号 list-style-position  决定列表项目所缩进的程度

属性值:

List-style-type: disc 在文本行前加实心圆   circle 加空心圆   square 加实心方块  decimal  加阿拉伯数字

Lower-roman  小写罗马数字   upper-roman 大写罗马数字   lower-alpha 小写字母   upper-alpha 大写字母 none 不显示任何符号

List-style-image:的属性值为URL(图片路径)

List-style-position: outside 列表贴近左侧边框 inside 列表缩进

(7)、滤镜属性:基本语法   filter: 滤镜 (参数)

Alpha 透明的层次效果   blur 快速移动的模糊效果   chroma 特定颜色的透明效果    dropshadow阴影效果

Fliph 水平翻转效果 flipv 垂直翻转效果 glow 边缘光晕效果 gray灰度效果    invert 颜色亮度值翻转

Mask遮罩效果 shadow渐变阴影效果 wave波浪效果 xray  X射线效果

(8)、鼠标滤镜:用法---------cursor: value

Value的值: hand 手型 crosshair 交叉十字 text 文本选择符号   wait沙漏装    default 默认形状  help 问号

N(WSE)-resize 向北(西、南、东)的箭头

18、在页面中加入Javascript脚本

(1)、用标签<script>实现

属性: charset编码脚本程序的字符集 language 脚本语言 src 包含脚本程序的URL type脚本类型

(2)、js内在事件:onBlur光标离开文本框时 onChange 当文本框的内容给被改变是时 onClick单击时 onLoad 入时 onMouseOver鼠标经过时  onMouseOut鼠标移开时 onReset 复位表单时 onSubmit提交表单时 onSlecte 文本域被选中时 onUnload退出载入时 onFocus当光标落在文本框时

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzysyw.html