360前端星计划（二）

360前端星计划第一天 —— HTML，CSS（部分）篇（本文以 FAQ 的形式展开，记录了我在360学习过程中触及的盲点）

Q：为什么会有 doctype ，它有什么用？
A：浏览器根据 doctype 决定其渲染模式，不写 doctype 会进入怪异模式。PS：知识点请了解，标准模式，近标准模式，怪异模式。

Q：base 标签有什么作用？
A：指定基准 url 和链接打开方式。

Q：noscript 标签有什么作用？
A：在没有 js 的时候所展示的页面，PS：提示浏览器打开 js 功能。

Q：meta 标签你了解多少？
A：例如可以举例如下
<meta name="robots" content="noindex">
<meta name="render" content="webkit">

Q：a 标签上有哪些妙用？
A：mailto，tel

Q：一些不常使用的 html 标签？
A：例如可以举例如下
<blockquote></blockquote> 引用

演出表
<dl>
    <dt> 主演 </dt>
    <dd> 范冰冰 </dd>
</dl>

<object></object> 常用于 flash

Q：图片指定高度的好处
A：防抖动

Q：各种图片格式的区别
A：例如可以举例如下
jpg 适用于色彩多的（如照片）
png 使用于色彩单调，png24 可以半透明
gif 无法半透明，可以动画
了解 webp，apng

Q：html 标签的妙用
A：此时可以回答富应用，举例如下
<div role="button" aria-lable="Refresh"></div> 推荐学习网站 The Living Standar 官方

Q：权重值（特异度 specificity）的计算方式
A：二进制形式，例如 当类选择叠加至 255 个的时候，权重值将高于 ID选择器。（.a.a 会计算两次权重值）

Q：font-family 了解哪些？
A：分为字体以及字体族
Sans-Serif 无衬线体——粗细基本一致，例如 YaHei
Serif 衬线体——例如宋体
Monospace 等宽字体——例如 consolas
代码编辑器为等宽字体，网页在设计中最好使用等宽字体。font-family：英文放前，中文放后（这样可以使得中英文字体不同），字体族打底，浏览器会自动去字体族中寻找字体。表单不继承。

Q：color 有哪些设置方式？
A：hex，rgb，rgba，hsl，hslf（后两个不是专业的调色师一般用不到）

Q：font-size
A：默认 16px ，% 相对于父级设置，1em 是指父级的 font-size。

Q：line-height
A：默认值 1-1.1，具体由浏览器决定。如设置 line-height：1.6，其真实值为 1.6 * font-size。计算值默认可继承，如设置 line-height：1.5，则子元素继承到的即为 1.5，若设置 line-height：1.5em，则子元素继承到的值为 1.5 * font-size。