-
img是內(nèi)聯(lián)元素,通過設(shè)置display:block和margin:0 auto來使圖片居中,或者在圖片外邊加一個(gè)p標(biāo)簽,為p標(biāo)簽設(shè)置align:center使圖片居中。
查看全部 -
#E8E8E8灰色
#000黑色
#FFF白色
#cc1b1b
查看全部 -
a是內(nèi)聯(lián)元素,不能設(shè)置寬高對齊等屬性,只能控制頁面中文本的樣式,把它轉(zhuǎn)換inline-block行內(nèi)塊元素,可以同行顯示又可以設(shè)置寬高對齊等屬性。
查看全部 -
copyright部分設(shè)置了width:100%的背景顏色,但是卻跑到了focus圖片處,是因?yàn)閣rap這個(gè)大div沒有設(shè)置高度,同時(shí)它的內(nèi)容(新聞中心等設(shè)置了浮動(dòng),導(dǎo)致了wrap塌陷),所以我的wrap沒有高度,因此copyright也跑到了那邊去
查看全部 -
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
</head>
<body>
<div>
? ? <ul>
? ? ? ? <li>首頁</li>
? ? ? ? <li>課程中心
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? <li>Web前端
? ? ? ? ? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ? ? ? ? <li>HTML</li>
? ? ? ? ? ? ? ? ? ? ? ? <li>CSS</li>
? ? ? ? ? ? ? ? ? ? ? ? <li>JavaScript</li>
? ? ? ? ? ? ? ? ? ? ? ? <li>jQuery</li>
? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? <li>Android開發(fā)</li>
? ? ? ? ? ? ? ? <li>PHP開發(fā)</li>
? ? ? ? ? ? </ul>
? ? ? ? </li>
? ? </ul>
</div>
</body>
</html>
查看全部 -
解決IE瀏覽器日期錯(cuò)位問題,將包裹日期的span移到標(biāo)題左側(cè)
查看全部 -
盒子在頁面中所占的寬度
是由左邊距+左邊框+左填充+內(nèi)容寬度+右填充+右邊框+右邊距組成
盒子在頁面中所占的高度
是由上邊距+上邊框+上填充+內(nèi)容高度+下填充+下邊框+下邊距組成
查看全部 -
焦點(diǎn)圖初始化的ID與圖片列表最外層的ID一致
圖片列表外面,包裹一個(gè)class為pic的div
焦點(diǎn)圖加載太慢的話,在圖片列表之上添加一個(gè)div,代碼如下(class必須命名為loading)
? ? <div class="loading"(這里的class='loading'也是不可缺少的)><img src="./img/loading.gif" alt="圖片加載中..." /></div>
查看全部 -
企業(yè)網(wǎng)站簡圖
查看全部 -
列表序號(hào)的顯示位置是由list-style-position屬性決定的,默認(rèn)效果是outside,也就是顯示在內(nèi)容的外邊,你可以設(shè)置list-style-position: inside;使序號(hào)在內(nèi)容里面顯示
查看全部 -
為什么元素浮動(dòng)之后,文字會(huì)環(huán)繞在周邊,而不是跟浮動(dòng)元素重合?
可以參考一下:https://blog.csdn.net/cxl444905143/article/details/17361045
查看全部 -
myfocus的樣式j(luò)s和css文件可以省略,只要這兩個(gè)文件都在mf-pattern文件夾下,直接初始化調(diào)用,
myFocus.set({
id:'picBox',
pattern:'mF_classicHB'
})
?切換不同的樣式只要改變pattern的屬性即可,如果不設(shè)置pattern的屬性,默認(rèn)是mF_funcy這個(gè)樣式,這時(shí)你引入其他的css和js樣式,都還是這個(gè)樣式
詳細(xì)參考:使用說明http://demo.jb51.net/js/myfocus/tutorials.html#tip1
查看全部 -
為什么a:hover不起作用
查看全部 -
行內(nèi)含有圖片和文字,在瀏覽器內(nèi)瀏覽時(shí),可以發(fā)現(xiàn)文字和圖片在垂直方向并不是沿中線居中,而是沿基線對齊,文字和圖片內(nèi)容默認(rèn)垂直對齊方式為基線對齊?
這是因?yàn)?,元素默認(rèn)的垂直對齊方式為基線對齊(vertical-align: baseline
vertical-align:middle:實(shí)現(xiàn)沿中線對齊
查看全部 -
a:link? ? a:visited《初始狀態(tài)》
a:hover? ? a:active《鼠標(biāo)經(jīng)過的狀態(tài)》
查看全部
舉報(bào)