介绍
本文是在学习CSS时所做的学习笔记,所有笔记内容为 CSS学习笔记
图片
<html lang="en">
<head>
<meta charset="UTF-8">
<title>meta</title>
</head>
<script>
</script>
<body>
图片标签用于向当前页面引入一个外部图片
使用img标签引入外部图片,是一个自结束标签
属于替换元素(介于块和行内元素之间)
属性:
src 属性指定外部图片路径
alt 属性 图片的的描述 描述默认不会显示 但是有些浏览器会在
图片加载不出来时显示
搜索引擎主要根据alt中的内容识别图片
width
height 图片宽度和高度如果只修改了一个,则另一个会等比例缩放
注意:
一般情况,不建议修改图片大小
但是在移动端,经常需要对图片进行缩放
图片格式:
jpeg(jpg)
- 支持颜色丰富,不支持透明,不支持动图
- 一般显示照片
gif
- 支持颜色较少,支持简单透明,支持动图
- 适合颜色单一图片,动图
png
- 支持颜色丰富,支持复杂透明,不支持动图
- 颜色丰富,复杂透明图
</body>
</html>