亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

background-position x y：x水平y垂直單位可以是px也可以是%?；蛘呤莟op,left,right,bottom,center，如是則只寫一個英文位置時，另一個位置默認為center。位置信息什么都不寫，默認為center。

• 采用像素值來定位時，像素值意味著背景圖片和元素左上角的差值

list-style-type可以設置列表項目符號為：none無項目符號，disc實心圓，circle空心圓，square實心方塊等但是不可以設置圖片為項目符號。

解決span標簽在IE瀏覽器下出現錯位的情況，在代碼中把日期放在標題的左側。

關于使用myfocus的API:

1、設置的焦點圖初始化的ID需要與圖片列表最外層的ID一致。

2、圖片列表外面，包裹一個class為PIC的div.

Myfocus教程的相關網址：http://demo.jb51.net/js/myfocus/tutorials.html

使用教程：

step1:

<script?type="text/javascript"?src="js/myfocus-2.0.0.min.js"></script><!--引入myFocus庫-->
<script?type="text/javascript"?src="js/mf-pattern/slide3D.js"></script><!--引入風格js文件-->
<link?href="js/mf-pattern/slide3D.css"?type="text/css"?/><!--引入風格css文件-->

提示：符合條件的情況下，引入風格文件(js/css)可省，引入myFocus庫即可。那么風格文件是如何自動引入的？詳情請看

IMG標簽的屬性說明：

• src : 圖片地址；

• thumb : 圖片的略縮圖地址(需要風格支持，可以省略，如果省略即把大圖地址作為它的地址)；

• alt : 圖片的描述文字；

• text : 圖片更詳細的描述文字(需要風格支持，可以省略)

Step 3. 在step1代碼之后的任意一個位置調用(建議在head標簽結束前調用)

//你可以簡單的調用---只設置它的盒子id，其它參數全部默認設置：
<script?type="text/javascript">
myFocus.set({id:'boxID'});
</script>

//或詳細一點的參數調用：
<script?type="text/javascript">
myFocus.set({
????id:'boxID',//焦點圖盒子ID
????pattern:'mF_fancy',//風格應用的名稱
????time:3,//切換時間間隔(秒)
????trigger:'click',//觸發切換模式:'click'(點擊)/'mouseover'(懸停)
????width:450,//設置圖片區域寬度(像素)
????height:296,//設置圖片區域高度(像素)
????txtHeight:'default'//文字層高度設置(像素),'default'為默認高度，0為隱藏
});
</script>

//更多參數設置及jQuery方式調用請查看使用者API。

關于解決由于浮動導致的一些不理想頁面效果顯示，

比如由于設置了父類盒子logo的高度為80px導致下面的盒子nav中的效果無法正常顯示，為了解決這個問題，可以采用不設定logo類的高度，而是采用在logo的盒子中增多一個clearfloat的盒子，并設定這個clearfloat盒子中的clear:both,比如，

.clearfloat{

clear:both;

height:0;

overflow:hidden;

}

或者直接在logo類里面增多一個語句overflow:hidden,

這個原理涉及到BFC原理，

相關解釋，https://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html

通過設置img中的vertical-align的屬性為middle可以使圖片和同一個盒子中的文字垂直對齊，使文字居中在圖片中。

.top_content a:hover , .top_content a:ative{

}

//a:hover表示鼠標經過的狀態，a:active表示活動狀態

.top_content a:link , .top_content a:visited {

}

//這個表示top_content下面的a鏈接的初始狀態；a:visited表示訪問后的初始狀態；

當我們想讓一行文字在盒子中居中，我們可以通過設置一個盒子的行高line-height與這個盒子的高度相同，這可以實現盒子中的文字在垂直方向上居中。比如盒子的高度為27px,那么設置這個行高也為27px，這樣可以實現文字的垂直居中。

通過給一個div設置寬度，并且把左右間距設置為auto，這樣可以讓一個div在頁面中居中。

關于首頁制作的自頂向下的方式。

關于解決浮動會讓元素塌陷。即被浮動元素的父元素不具有高度。例如一個父元素包含了浮動元素，它將塌陷具有零高度.有三種辦法：

第一：

.clearfloat{/*定義一個類選擇器，并設置 clear:both；清除浮動，

? ? ? ? ? ? 同時為了解決IE6中div有高度的問題可以增加屬性 height:0;

? ? ? ? ? ? overflow:hidden;*/

clear:both;

height:0;

overflow:hidden;

}

第二：

設置父元素浮動起來，此時父元素的寬度和子元素一致

第三：

使用clearfix,

具體用法查看：http://www.xianlaiwan.cn/wenda/detail/11604

關于清除浮動

當一個元素設置了clear:left清除浮動樣式之后，它將會忽略那些設置了浮動樣式的元素并把它們視為普通文檔流來進行排序。

關于清除浮動

當一個元素設置了clear:left清除浮動樣式之后，它將會忽略那些設置了浮動樣式的元素并把它們視為普通文檔流來進行排序。

一個元素設置了浮動樣式后，會影響它的兄弟元素，至于如何影響，要看它的兄弟元素是塊級元素還是內聯元素。如果兄弟元素是塊級元素，會無視這個浮動元素，即兄弟元素和浮動元素共處同行，浮動元素會覆蓋兄弟元素。除非這些 div 設置了寬度，并且父元素的寬度不足以包含它們，這樣兄弟元素才會被強制換行；如果兄弟元素是內聯元素，則會盡可能圍繞浮動元素。