1.笔记

块元素和内敛元素区别

块元素通常用作web页面的主要构件模块，而内联元素往往用来标记小段内容。设计一个页面时，一般从较大的块开始（块元素），然后在完善页面时再加入内联元素。

void元素

void元素是指HTML页面中在开始标记和结束标记之间没有任何内容的元素，之所以是void元素是因为它只是指向图像，但图像并不是页面本身的一部分。实际上，浏览器显示页面时，图像会取代元素。另外要记住，HTML页面是纯文本，所以图像是绝对无法直接作为页面的一部分。它是单独存在的。

HTML与CSS的验证

HTML: https://validator.w3.org/
CSS： https://jigsaw.w3.org/css-validator/

托管字体

FontSquirrel: http://www.fontsquirrel.com/
Google: http://www.google.com/webfonts/

字体大小

• px
  像素：在css中先指定一个数。后接“px”，例如font-size：14px；指的是字体最低部分与最高部分有14像素。
• %
  用一个百分数指定字体大小时，会相对于另一个字体大小指出这个字体有多大，例如 font-size:150%;（相对父元素）。
• em
  类似于百分数，这也是个相对度量单位。使用em时，不是指定一个百分数。而是要指定一个比例因子，例如 font-size：1.2em；。指的是改字体将是父元素字体大小的1.2倍。

text-align

text-align会对块元素的所有内联内容对齐，实际上它适用于对任何类型的内联元素对齐，text-align只能在块元素上设置，如果直接在内联元素（如img）上使用，则不起作用。

padding、margin位置简写

• 四个位置的顺序：4个；上右下左（顺时针）。eg.margin: 0px 20px 30px 10px;
• 上下、左右相等：2个；上下、左右。eg.margin:20px 30px;
• 全部相等：1个；eg.margin:20px;