项目终结
1.js
1.event.target
- target可以返回事件的目标节点(触发该事件的节点)
2. e.currentTarge
- currentTarget 事件属性返回其事件侦听器触发了该事件的元素。这在捕获和冒泡期间特别有用。currentTarget 属性总是引用其事件侦听器触发事件的元素,与 target 属性相反,它返回触发事件的元素。
2.css
1. visibility(是否可见)
- visible (默认值,元素可见)
- hidden (元素不可见)
- collapse ( 当在表格元素中使用时,此值可删除一行或一列,但是它不会影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 “hidden”。 )
- inherit ( 规定应该从父元素继承 visibility 属性的值。 )
2.内联元素和块元素
- 内联元素
- 性质:多个内联元素之间是一个挨着一个的,都在同一行从左到右显示,不单独占一行。
- 特点:
- 和其他内敛元素同一行显示,不用另起一行
- 宽度,高度,上边距,下边距不能设置
- 宽度受内容挤压,它的宽度就是它内容的宽度
- 只能容纳内联元素和文本
- 常见的内联元素
- a锚点
- img图片
- input输入框
- span常用内敛容器,定义文本内区块
- b粗体(不推荐)
- br换行
- em强调
- font字体设置(不推荐)
- i斜体
- s中划线(不推荐)
- select选择
- small小字体文本
- strike中划线
- strong粗体
- sub下标
- sup上标
- textarea多行文本输入框
- u上划线
- 常见的块元素
- h1~h6
- p
- div
- ul
- ol
- li
3.display(是否可见)
- inline ( 默认。此元素会被显示为内联元素,元素前后没有换行符。 )
- none (不占位隐藏)
- block(元素被显示未块元素,元素前后有换行符)
- inline-block(行内块元素)
- inherit(规定从父元素继承display的属性值)
4. opcaity (让元素透明)
5. display:none让元素不占位隐藏,visibility: hidden 让元素占位隐藏。opcaity:0让元素透明度为0。
3.html
1.contenteditable
- true:指定元素可编辑
- false:指定元素不可编辑