1. 程式人生 > >前端學習第7天

前端學習第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首圖地址
                列表程式碼:
                在這裡插入圖片描述

                在這裡插入圖片描述
                在這裡插入圖片描述
                執行結果:
                在這裡插入圖片描述
                思維導圖
                在這裡插入圖片描述