UL LI 標籤結合CSS的運用基礎

2021-08-30 03:21:19 字數 1414 閱讀 6676

li**的格式化:

a).運用css格式化列表符:

ul li

例如下面的:

供求資訊

b).如果你想將列表符換成影象,則:

ul li

例如下面的:

供求資訊

c).為了左對齊,可以用如下**:

ul例如下面的:

供求資訊

d).如果想給列表加背景色,可以用如下**:

ulul li

例如下面的:

供求資訊

e).如果想給列表加mouseover背景變色效果,可以用如下**:

ulul li a

ul li a:hover

說明:display:block;這一行必須要加的,這樣才能塊狀顯示!

例如下面的:

供求資訊

f).li中的元素水平排列,關鍵float:left:

ulul li

list-style-type -- 定義列表樣式

取值:disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit

disc:點

circle: 圓圈

square: 正方形

decimal: 數字

decimal-leading-zero: 以乙個0開頭的數字e.g., 01, 02, 03, ..., 98, 99

lower-roman: 小寫羅馬文字i, ii, iii, iv, v, etc.

upper-roman: 大寫羅馬文字i, ii, iii, iv, v, etc.

lower-greek: 小寫阿拉伯文本α, β, γ, ...

lower-latin: 小寫拉丁文a, b, c, ... z

upper-latin: 大寫拉丁文a, b, c, ... z

armenian: 亞美尼亞數字

georgian: 喬治亞數字an, ban, gan, ..., he, tan, in, in-an, ...

lower-alpha: 小寫拉丁文a, b, c, ... z

upper-alpha: 大寫拉丁文a, b, c, ... z

none: 無(取消所有的list樣式)

inherit:繼承

初始值: disc

繼承性: 是

適用於: 所有屬於list的元素

list:列表,style:樣式,type:型別.

引用**:

標籤的運用知識

定義網頁的關鍵字 關鍵字可以寫n個 最好的個個數是8個 定義網頁的描述資訊 以上兩點主要是針對搜尋引擎,描述不在網頁中顯示,一般是在120個之內。url 統一資源定位器 目錄 web站點中儲存檔案的資料夾名稱 資源 就是網頁中要用到的檔案,都要資源1 絕對路徑 從檔案所在的最高端目錄下開始的完整路徑...

img標籤的運用

網頁中常見的影象格式大體上有三種,jpg,gif和png 有失真壓縮,色彩豐富,隱藏一些無用的資訊,只保留有用的部分。簡單動畫,背景透明。無失真壓縮,透明,交錯,動畫 使用img標籤,此標籤單獨出現 alt 的替換文字,當無法開啟時,網頁會自動顯示alt的內容來代替 1 html 2 head ti...

position和float的結合運用

剛做的幫助中心還沒有明白裡面的奧妙,這裡又碰到了,absolute讓relative的可以不按照float的div約束。content contentleft contentright 定義了上面的打的div和下面左右兩個div,由於有head和foot的關係,因為header和footer都有re...