-
清除li文字的標(biāo)記
查看全部 -
清除父級(jí)浮動(dòng)
clear:both;
查看全部 -
div中對(duì)css設(shè)置樣式
圓角:border-radius:5px;
div 中想套用同一套css時(shí)可以采用連寫
.nav-left,.nav_mid
{}
查看全部 -
text-align:center 指定了text在水平方向上的位置
vertical-align:middle? 指定了一個(gè)元素垂直方向上的位置
此處這是vertical-align:middle是為了讓文字相遇對(duì)圖片而居于中間的位置
查看全部 -
若想控制類里面的元素,不需要為每個(gè)元素都設(shè)置一個(gè)類(這是我之前的想法),只需要使用標(biāo)簽選擇器即可
查看全部 -
簡(jiǎn)單簡(jiǎn)單簡(jiǎn)單
查看全部 -
課程大總結(jié)
查看全部 -
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>頁(yè)碼的制作</title>
<style>
/*在此定義相關(guān)CSS樣式*/
.container{
? ? width:600px;
? ? height:300px;
? ? border:1px solid ;
}
.container ul{
? ? list-style-type:none;
? ? position:relative;
}
.container ul li{
? ? float:left;
? ?
? ??
}
.container ul li a{
? ? display:block;
? ? width:50px;
? ? height:30px;
? ? border:1px solid ;
? ? text-align:center;
? ?/*? margin:0 auto;*/
? ? line-height:2;
? ? margin-left:10px;
}
.container ul li a:hover,a:visited{
? ??
? ? background:red;
? ? cursor:pointer;
}
</style>
</head>
<body>
<!--在此制作頁(yè)碼的基本結(jié)構(gòu)-->
<div class="container">
? ? <ul>
? ? ? ? <li><a>首頁(yè)</a></li>
? ? ? ? <li><a>1</a></li>
? ? ? ? <li><a>2</a></li>
? ? ? ? <li><a>3</a></li>
? ? ? ? <li><a>...</a></li>
? ? ? ? <li><a>末頁(yè)</a></li>
? ? </ul>?
? ??
</div>
</body>
</html>
查看全部 -
關(guān)于權(quán)限問(wèn)題
查看全部 -
先把li左浮動(dòng),父盒子總寬度1000,分成五組的話,要使每個(gè)li的寬度為200
總寬度/li的寬度=組
若li寬度很小,則li的內(nèi)容會(huì)給擠在一起
若li寬度很大,則分成一組
查看全部 -
解決日期錯(cuò)位的情況:把日期放在標(biāo)題的左側(cè)
查看全部 -
焦點(diǎn)圖myFocus的注意事項(xiàng)
查看全部 -
《關(guān)于居中》
水平:給一個(gè)div設(shè)置寬度并且設(shè)置margin:0 auto;
垂直:讓內(nèi)容在盒子中居中,設(shè)置行高與這個(gè)盒子的高度相同
查看全部 -
關(guān)于清除浮動(dòng)clear
查看全部 -
主頁(yè)頁(yè)面布局
查看全部
舉報(bào)