margin塌陷问题
margin 塌陷是在父级相对于浏览器进行定位时但子级没有,子级相对于父级就像塌陷了一样。
父子嵌套元素垂直方向的 margin,父子元素是结合在一起的,他们两个会取其中最大的值。
解决margin塌陷办法:
触发BFC:
触发BFC的方式(任意一个就可以):
1.float的值不为none;
2.overflow的值不为visible(默认)
3.display的值为table-cell,table-caption,inline-block之一
4.position的值不为static或者relative中任何一个
innerhtml和innertext的区别
innerHTML和innerText 它们都会把元素内内容替换掉,区别在于: innerHTML 会把替换内容里的 HTML 标记 解释执行 。 innerText 会把替换内容里的 HTML 标记原样输出而不执行。
hidden属性功能是通知浏览器不渲染元素,是该元素处于不可见状态。但是元素中的内容还是浏览器创建的,也就是说页面装载后允许使用javascript脚本将该属性取消,取消后该元素变为可见状态,同时元素中的内容也即时显示出来。hidden属性是一个布尔值,为true元素处于不可见状态;为false元素处于可见状态。
tabindex接受一个整数作为值,具有不同的结果,具体取决于整数的值:
- tabindex=负值 (通常是 tabindex=“-1”),表示元素是可聚焦的,但是不能通过键盘导航来访问到该元素,用 JS 做页面小组件内部键盘导航的时候非常有用。
- tabindex="0" ,表示元素是可聚焦的,并且可以通过键盘导航来聚焦到该元素,它的相对顺序是当前处于的 DOM 结构来决定的。
- tabindex=正值,表示元素是可聚焦的,并且可以通过键盘导航来访问到该元素;它的相对顺序按照tabindex 的数值递增而滞后获焦。如果多个元素拥有相同的 tabindex,它们的相对顺序按照他们在当前 DOM 中的先后顺序决定。
initial-scale: viewport 的初始缩放级别(0-10之间的正数,1表示无缩放)
minimum-scale: viewport 能缩放的最小值(0-10之间的正数)
maximum-scale: viewport 能缩放的最大值(0-10之间的正数)
user-scalable: 是否可以手动缩放(yes or no)
HTML5 是 HTML 最新的修订版本,由万维网联盟(W3C)于 2014 年 10 月完成标准制定。目标是取代 1999 年所制定的 HTML 4.01 和 XHTML 1.0 标准。