7、图片

文章目录

介绍

本文是在学习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>

猜你喜欢

转载自blog.csdn.net/MoonNight608/article/details/106843687