当你放大网页的时候,区别就会变得明显起来 — 随着你的放大,PNG 图片变得像素化了,因为它存储是每个像素的颜色和位置信息 — 当它被放大时,每个像素就被放大以填满屏幕上更多的像素,所以图像就会开始变得马赛克感觉。矢量图像看起来仍然效果很好且清晰,因为无论它的尺寸如何,都使用算法来计算出图像的形状,仅仅是根据放大的倍数来调整算法中的值。
要通过
![]()
元素嵌入 SVG,你只需要按照预期的方式在 src 属性中引用它。你将需要一个height或width属性(或者如果你的 SVG 没有固有的宽高比)。如果你还没使用过
![]()
元素,请阅读HTML 中的图片教程
CSS(层叠样式表)用于设置网页的样式及布局——比如,可以更改内容的字体、颜色、大小以及间距,或是将其分列,或是添加动画及赋予内容其他装饰性的特征。本模块将通过阐述基本原理,展示语法示例,以及如何与 HTML 相联系三方面,为你日后精通 CSS 提供一个友好的开端。