新的文档类型(Doctype)

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN '

http://www . w3 . org/TR/XHTML 1/DTD/XHTML 1-transitional . DTD '

你还在用这种麻烦又难的XHTML文档类型吗？如果是这样，就该切换到新的HTML5文档类型了。

！声明文档类型

二、图(图)元素

考虑用以下代码标记图片？

mg src=' path/to/image ' alt=' About image '/

火星的皮马格。/p

遗憾的是，它不能以简单的语义相关的方式与图形的标题相关联，因为它只是用段落标记和图片元素包装，HTML5通过引入图形元素对此进行了改进。当与figcaption元素结合使用时，我们可以将图形标题与图形相匹配。代码如下：

我猜的

img src=' path/to/image ' alt=' About image '/

图标题

这是一幅有趣的图像。/p

/figcaption

/数字

第三，字体

响应的字体大小应该与其父容器的宽度相关联，以便它能够适合客户端的屏幕。

CSS3规范引入了一个新的单元叫做rem，类似于em类，但是比HTML元素更容易使用。

Rem是相对于HTML元素的。不要忘记重设HTML的字体大小：

1.html { font-size :；}

完成后，您可以定义响应的字体大小，如下所示：

1.@ media(min-width : 640 px){ body { font-size :1 rem；} }

2.@ media(min-width :960 px){ body { font-size :1.2 rem；} }

3.@ media(min-width :1100 px){ body { font-size :1.5 rem；} }

请注意，旧浏览器不支持rem单元，所以不要忘记实现一个替代方案。