構建靜態頁面之 [ 列表 ]

jkyin 發布于2019-08-02 11:21 / 3323人閱讀

摘要：列表描述列表可以分為有序列表無序列表有序列表元素表示定義有序列表屬性有屬性表示設置有序列表項目符號的樣類型屬性值數學大寫字母小寫字母大寫羅馬數學小寫羅馬數字屬性表示有序列表的項目符號從什么位置開始屬性值必須為數字值元素表示列表中的列

列表描述

列表可以分為：有序列表、無序列表

有序列表

屬性有

type屬性 - 表示設置有序列表項目符號的樣類型

屬性值：1（數學） A（大寫字母） a（小寫字母） I（大寫羅馬數學） i（小寫羅馬數字）

start屬性 - 表示有序列表的項目符號從什么位置開始

屬性值必須為數字值

元素 - 表示列表中的列表項

屬性有

type屬性 - 表示設置當前列表項的項目符號類型

屬性值：1（數學） A（大寫字母） a（小寫字母） I（大寫羅馬數學） i（小寫羅馬數字）

value屬性 - 表示當前列表項的項目符號從什么位置開始

屬性值必須為數字值




    手機
    電腦
    平板

無序列表

type屬性 - 表示設置無序列表項目符號的樣類型

屬性值

disc - 表示實心圓 “默認值”

circle - 表示空心圓

square - 表示實心方形

元素 - 表示列表中的列表項

type屬性 - 表示設置當前列表項的項目符號類型

屬性值

disc - 表示實心圓 “默認值”

circle - 表示空心圓

square - 表示實心方形




    手機
    電腦
    平板

列表樣式 list-style-type屬性

表示設置列表項目符號的類型

注意：有序的可以設置無序的類型，無序的也可以設置有序的類型

建議：有序設置有序的，無序設置無序的，保證元素語義化


    
    項目符號的樣式
    



    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet architecto distinctio dolores earum eos eveniet expedita fugit, nemo nihil perferendis quam quasi rerum sunt tempore vel? Ducimus eum nobis non.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta eum facilis ipsam quae ratione temporibus ut, vel. Assumenda atque blanditiis enim, ipsa nesciunt numquam obcaecati rerum, sed tenetur ut voluptates.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A blanditiis consequatur cupiditate debitis dignissimos doloremque, et exercitationem fuga illo non nulla odit officia optio perferendis perspiciatis placeat ratione veritatis! Facere?

list-style-image屬性

表示引入外部項目符號樣式（圖片）

注意：設置list-style-image屬性后，list-style-type屬性會無效


    
    項目符號的樣式
    



    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet architecto distinctio dolores earum eos eveniet expedita fugit, nemo nihil perferendis quam quasi rerum sunt tempore vel? Ducimus eum nobis non.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta eum facilis ipsam quae ratione temporibus ut, vel. Assumenda atque blanditiis enim, ipsa nesciunt numquam obcaecati rerum, sed tenetur ut voluptates.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A blanditiis consequatur cupiditate debitis dignissimos doloremque, et exercitationem fuga illo non nulla odit officia optio perferendis perspiciatis placeat ratione veritatis! Facere?

list-style-position屬性

表示設置項目符號的位置


    
    項目符號的樣式
    



    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet architecto distinctio dolores earum eos eveniet expedita fugit, nemo nihil perferendis quam quasi rerum sunt tempore vel? Ducimus eum nobis non.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta eum facilis ipsam quae ratione temporibus ut, vel. Assumenda atque blanditiis enim, ipsa nesciunt numquam obcaecati rerum, sed tenetur ut voluptates.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A blanditiis consequatur cupiditate debitis dignissimos doloremque, et exercitationem fuga illo non nulla odit officia optio perferendis perspiciatis placeat ratione veritatis! Facere?

云服務器 GPU云服務器 jsp 設置頁面之靜態頁面動靜態頁面 html靜態頁面

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/52929.html

構建靜態頁面之 [ 表單 ]

摘要：表單表單元素元素表示設置表單屬性設置接收表單的指定服務器端的地址路徑屬性表示發送給服務器端的方式屬性值默認值將提交的數據添加到地址欄中進行提交有限制，不安全屬性值將提交的數據綁定在表單中進行提交沒有限制，相對安全屬性提交表單時要設表單表單元素元素表示設置表單 action屬性 - 設置接收表單的指定服務器端的地址路徑 method屬性 - 表示發送給服務器端的方式 ge...

zhangwang 2019-08-29 16:31 評論0 收藏0
構建靜態頁面之 [ 表單 ]

摘要：表單表單元素元素表示設置表單屬性設置接收表單的指定服務器端的地址路徑屬性表示發送給服務器端的方式屬性值默認值將提交的數據添加到地址欄中進行提交有限制，不安全屬性值將提交的數據綁定在表單中進行提交沒有限制，相對安全屬性提交表單時要設表單表單元素元素表示設置表單 action屬性 - 設置接收表單的指定服務器端的地址路徑 method屬性 - 表示發送給服務器端的方式 ge...

snifes 2019-08-02 16:31 評論0 收藏0
構建靜態頁面之 [ 列表 ]

摘要：列表描述列表可以分為有序列表無序列表有序列表元素表示定義有序列表屬性有屬性表示設置有序列表項目符號的樣類型屬性值數學大寫字母小寫字母大寫羅馬數學小寫羅馬數字屬性表示有序列表的項目符號從什么位置開始屬性值必須為數字值元素表示列表中的列列表描述列表可以分為：有序列表、無序列表有序列表元素 - 表示定義有序列表屬性有 type屬性 - 表示設置有序列表項目符號的樣類型 ...

魏明 2019-08-29 16:32 評論0 收藏0
徒手擼UI之Paginator

摘要：是一個組件庫目前擁有的組件語法編寫，無依賴原生模塊化，以上支持，請開啟靜態服務器預覽效果，靜態服務器傳送門采用變量配置樣式辛苦造輪子，歡迎來倉庫四月份找工作，求內推，坐標深圳寫在前面去年年底項目中嘗試著寫過一個分頁的組件，然后就有了寫的想法 QingUI是一個UI組件庫目前擁有的組件：DatePicker, TimePicker, Paginator, Tree, Cascader, ...

liuhh 2019-08-22 15:43 評論0 收藏0
[手把手系列之]Docker 部署 vue 項目

摘要：部署項目寫在前面作為輕量級虛擬化技術，擁有持續集成版本控制可移植性隔離性和安全性等優勢。容器可以被創建啟動停止刪除暫停等。重新運行應用容器直接基于鏡像來啟動容器，運行命令將宿主機的掛載到容器的目錄上。Docker 部署 vue 項目 1.寫在前面： Docker 作為輕量級虛擬化技術，擁有持續集成、版本控制、可移植性、隔離性和安全性等優勢。本文使用Docker來部署一個vue的前端應用，并盡...

VPointer 2019-05-22 16:41 評論0 收藏0