September 2020
Intermediate to advanced
331 pages
8h
Chinese
Content preview from 数据可视化实战：使用D3设计交互式图表(第2版)
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
24
｜
第
3
章
仔细看一看，你就会发现最初的
HTML
源代码和
DOM
层次的区别。而且，
Chrome
还帮
我们生成了必要的
html
、
head
和
body
元素。（我总是很懒，不愿意在最初的
HTML
中写
这些标签。）
3.5
渲染与盒模型
渲染
，就是浏览器在解析
HTML
并生成
DOM
后，对
DOM
内容应用视觉规则并将像素绘
制到屏幕的过程。
要知道浏览器如何渲染内容，最重要的是记住一点：浏览器把一切都看成盒子。
段落、
div
标签和
span
标签都是盒子，因为它们在屏幕这个二维空间里都是矩形，具有矩
形的特征，如宽度、高度、位置。就算有些元素看起来有圆角或者形状不规则，放心，在
浏览器眼里，它们也都是一个个矩形盒子。
在
Web
检查器的帮助下，你可以看到这些盒子。只要把鼠标移动到任意元素上，与之对应
的盒子就会高亮为蓝色，如图
3-4
所示。
图 3-4：用审查工具高亮元素盒子
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.