css代碼中的ul和li是什么意思

暈，樓上的都在胡說八道

成都創(chuàng)新互聯(lián)主營甘南網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都App制作,甘南h5微信小程序定制開發(fā)搭建,甘南網(wǎng)站營銷推廣歡迎甘南等地區(qū)企業(yè)咨詢

ul是定義無序列表的樣式

li是列表內(nèi)行的樣式

在HTML代碼中列表是這樣的

ul

li列表一/li

li列表二/li

/ul

css樣式設(shè)置中如圖，ul li{}和li{}有什么區(qū)別？

沒區(qū)別，因?yàn)閡l都和li配套使用。

ul li表示 匹配HTML中所有ul下的(后代)li。

li表示 匹配HTML中所有的li標(biāo)簽。

html css 樣式 ul li

!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Strict//EN"?

""?

html?xmlns=""?lang="zh-CN"

head

title鼠標(biāo)移動顯示/title

meta?http-equiv="Content-Type"?content="text/html;charset=utf-8"/

meta?name="description"?content=""/

script?type="text/javascript"?src="js/jquery-1.8.0.js"/script?

style?type="text/css"

ul,li{

margin:0px;

padding:0px;

list-style:?none;

}

ul{

height:31px;

border-bottom:1px?solid?#f46d52;

}

li{

width:100px;

height:30px;

border-radius:5px?5px?0px?0px;

border:1px?solid?#ccc;

border-bottom:none;

text-align:?center;

line-height:?30px;

background-color:#EEEEEE;

float:?left;

color:black;

font-weight:?800;

margin-left:5px;

}

li:hover{

height:31px;

background-color:?white;

color:#FDE7D2;

border:1px?solid?#f46d52;

border-bottom:none;

cursor:pointer;

}

/style?

/head

body

div?class="nav"

ul

li導(dǎo)航1/li

li導(dǎo)航2/li

li導(dǎo)航3/li

/ul

/div

/body

/html

效果圖：

這個只是簡單的.hover事件，如果要點(diǎn)擊得到效果那個需要寫js。。。

css控制ul標(biāo)簽下li樣式

在ul標(biāo)簽下li的默認(rèn)樣式為一個實(shí)心圓（disc）? ?可忽略不寫

li樣式的改變是用 list-style:屬性值 來改變的

我們給li設(shè)置css，去除默認(rèn)樣式（實(shí)心圓）

將li的樣式設(shè)置為空心圓

將li的樣式設(shè)置為實(shí)心正方形

其他：

decimal ? : ?　CSS1　阿拉伯?dāng)?shù)字

lower-roman ? :? 　CSS1　小寫羅馬數(shù)字 ?

upper-roman ? :? 　CSS1　大寫羅馬數(shù)字 ?

lower-alpha ? :? 　CSS1　小寫英文字母 ?

upper-alpha ? :? 　CSS1　大寫英文字母??

armenian ? : ?　CSS2　傳統(tǒng)的亞美尼亞數(shù)字 ?

cjk-ideographic ? :? 　CSS2　淺白的表意數(shù)字 ?

georgian ? : ?　CSS2　傳統(tǒng)的喬治數(shù)字 ?

lower-greek ? :? 　CSS2　基本的希臘小寫字母?

hebrew ? : ?　CSS2　傳統(tǒng)的希伯萊數(shù)字 ?

hiragana ? : ?　CSS2　日文平假名字符 ?

hiragana-iroha ? :? 　CSS2　日文平假名序號 ?

katakana ? : ?　CSS2　日文片假名字符 ?

katakana-iroha ? :? 　CSS2　日文片假名序號 ?

lower-latin ? :? 　CSS2　小寫拉丁字母 ?

upper-latin ? :?　CSS2　大寫拉丁字母?

當(dāng)前名稱：cssulli樣式,css ul li 漂亮樣式
瀏覽地址：http://chinadenli.net/article3/dsigdis.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營銷型網(wǎng)站建設(shè)、商城網(wǎng)站、做網(wǎng)站、微信公眾號、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)