2016-03-03 62 views
0

我正在学习从this tutorial的HTML和CSS。对css layout model不同种类的画布被提及,之类的话题,“文档画布”与“画布元素”相同吗?

  • 浏览器画布
  • 文档画布
  • 可用帆布

据我所知画布是一个新元素添加到html5,我们可以用绘制形状。做条款浏览器画布,文档画布,可用画布参考html5 Canvas Element

+1

CSS中的画布与HTML5 Canvas对象无关。 Css用于设置HTML样式,但不用于HTML5 Canvas元素。 –

+0

@GjermundDahl Css **也可以用于HTML5 Canvas元素的样式。看看这个[链接](https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/HTML-canvas-guide/修改CanvaswithCSS/修改CanvaswithCSS.html)“_因为canvas是一个HTML元素,所以你可以使用CSS样式... _“ – user31782

+0

我精神饱满。 CSS可以用于设置Canvas元素的样式,但不能用于其内容。 –

回答

2

“浏览器画布”不存在。描述意味着“视口”,但它是错误的。像<div>这样的块元素是默认的,取其包含块的内容框的全部宽度。同样,“可用的画布”是指相同的概念。

通过“文档画布”,描述表示CSS canvas,它是所有元素渲染区域的全部范围。 HTML5画布元素呈现在CSS画布上,但所有其他元素都不是display:none

+0

感谢您的解释。我认为他们正在为_viewport_使用过时或类似的术语。他们在[最新教程](https://docs.webplatform.org/wiki/guides/the_css_layout_model)中也使用了相同的术语。 – user31782

+1

不幸的是,CSS教程经常使用非常不精确的术语。我总是喜欢按照CSS规范去做(2.1规范/ 2.2草案是一个使用非常精确的语言的极好的文档),但是它的价格是它不是一个容易阅读的文档。通常,它可能需要很多的阅读材料和对整个规范的理解才能完全理解那里所说的很多内涵, – Alohci