html牛客刷题笔记-1

 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 标准。