琐碎知识点二

琐碎知识点(二)

• display: block（块级元素）

  • block 元素独占一行，多个block元素会各自起新一行

• display: inline

  • inline 元素不会独占一行，多个相邻的元素会排列在同一行

• display: inline-block

  • 简单来就说是将对象呈现为 inline 对象，但是对象的内容作为 block 对象呈现。之后的内联对象会被排列在同一行内。

• 在 HTML body部分中的JavaScripts会在页面加载的时候被执行

• 在 HTML head部分中的JavaScripts会在被调用的时候才执行

• 在 HTML 中，帧元素优先级最高，表单元素比非表单元素优先级高

• head 标签中，title 元素是必不可少的元素

• 块级元素与行内元素的区别

  • 块级元素会独占一行，其宽度自动填满其父元素宽度

  • 行内元素不会独占一行，相邻的行内元素会排列在同一行，直至一行排不下才会换行，其宽度随元素的内容而变化

  • 块级元素可以包含行内元素和块级元素；行内元素不能包含块级元素

  • 行内元素设置width、height、margin-top、margin-bottom、padding-top、padding-bottom无效

• 置换元素和非置换元素的区别

  • 置换元素：浏览器根据元素的标签和属性，来决定元素的具体显示内容。

  • 不可替换元素：(x)html 的大多数元素是不可替换元素，即其内容直接表现给用户端（如浏览器）。
    例如：label中的内容 标签label是一个非置换元素

• 注释：

  • html 注释

  • css 注释 /* */

  • Js 注释 // 或者 /* */

• css sprites

  • CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。

  • 它允许将一个页面涉及到的所有零星图片都包含到一张大图中， 利用CSS的“background-
    image”，“background- repeat”，“background-position”的组合进行背景定位

• word-break:break-all 用于处理单词折断

• white-space:no-wrap 用于处理元素内的空白，只在一行内显示