前端学习第7天

列表
有序列表:ordered list

    定义有序列表
    无序列表: unordered list
      定义无序列表
      描述列表
      定义列表。
      定义项目。
      定义的描述。
      列表类型
      无序列表: unordered list
      list-style-type:disc圆点列表
      list-style-type:circle圆圈列表
      list-style-type:square:正方形列表
      有序列表:ordered list
      1 decimal 小数

        A upper-alpha 大写的希腊数字

          a lower-alpha 小写的希腊数字

            I upper-roman 大写的罗马数字

              i lower-roman 小写的罗马数字

                upper-latin 大写的拉丁语
                lower-latin 小写的拉丁语
                列表位置:list-style-position
                list-style-position: inside;小圆点在内部显示
                list-style-position: outside;小圆点在内部显示
                列表图片
                list-style-image: url(“timg.jpg”);
                list-style: none;不显示列表
                伪类选择器:
                a:link未访问过的链接
                a:visited已访问过的链接
                a:hover 鼠标划过的链接
                a:active 已选中的链接
                媒体
                图片
                这是一张没有加载出来的背景图
                src图片地址
                title鼠标放在图片上显示
                alt图片显示不出来,显示的文字
                视频

                src资源地址
                controls 控制栏
                poster首图地址
                列表代码:
                在这里插入图片描述
                在这里插入图片描述
                在这里插入图片描述
                运行结果:
                在这里插入图片描述
                思维导图
                在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_43805321/article/details/84791227