3-2 企業(yè)網(wǎng)站制作之頁(yè)面頭部制作(一)
.top_content a:link , .top_content a:visited {
}
//這個(gè)表示top_content下面的a鏈接的初始狀態(tài);a:visited表示訪問(wèn)后的初始狀態(tài);

3-2 企業(yè)網(wǎng)站制作之頁(yè)面頭部制作(一)
當(dāng)我們想讓一行文字在盒子中居中,我們可以通過(guò)設(shè)置一個(gè)盒子的行高line-height與這個(gè)盒子的高度相同,這可以實(shí)現(xiàn)盒子中的文字在垂直方向上居中。比如盒子的高度為27px,那么設(shè)置這個(gè)行高也為27px,這樣可以實(shí)現(xiàn)文字的垂直居中。

3-2 企業(yè)網(wǎng)站制作之頁(yè)面頭部制作(一)
3-1 企業(yè)網(wǎng)站制作之首頁(yè)布局分析
2-5 練習(xí)題
關(guān)于解決浮動(dòng)會(huì)讓元素塌陷。即被浮動(dòng)元素的父元素不具有高度。例如一個(gè)父元素包含了浮動(dòng)元素,它將塌陷具有零高度.有三種辦法:
第一:
.clearfloat{/*定義一個(gè)類選擇器,并設(shè)置 clear:both;清除浮動(dòng),
? ? ? ? ? ? 同時(shí)為了解決IE6中div有高度的問(wèn)題可以增加屬性 height:0;
? ? ? ? ? ? overflow:hidden;*/
clear:both;
height:0;
overflow:hidden;
}
第二:
設(shè)置父元素浮動(dòng)起來(lái),此時(shí)父元素的寬度和子元素一致
第三:
使用clearfix,
具體用法查看:http://idcbgp.cn/wenda/detail/11604
2-4 浮動(dòng) float
關(guān)于清除浮動(dòng)
當(dāng)一個(gè)元素設(shè)置了clear:left清除浮動(dòng)樣式之后,它將會(huì)忽略那些設(shè)置了浮動(dòng)樣式的元素并把它們視為普通文檔流來(lái)進(jìn)行排序。
2-4 浮動(dòng) float
關(guān)于清除浮動(dòng)
當(dāng)一個(gè)元素設(shè)置了clear:left清除浮動(dòng)樣式之后,它將會(huì)忽略那些設(shè)置了浮動(dòng)樣式的元素并把它們視為普通文檔流來(lái)進(jìn)行排序。
2-4 浮動(dòng) float
一個(gè)元素設(shè)置了浮動(dòng)樣式后,會(huì)影響它的兄弟元素,至于如何影響,要看它的兄弟元素是塊級(jí)元素還是內(nèi)聯(lián)元素。如果兄弟元素是塊級(jí)元素,會(huì)無(wú)視這個(gè)浮動(dòng)元素,即兄弟元素和浮動(dòng)元素共處同行,浮動(dòng)元素會(huì)覆蓋兄弟元素。除非這些 div 設(shè)置了寬度,并且父元素的寬度不足以包含它們,這樣兄弟元素才會(huì)被強(qiáng)制換行;如果兄弟元素是內(nèi)聯(lián)元素,則會(huì)盡可能圍繞浮動(dòng)元素。
2-4 浮動(dòng) float
lear語(yǔ)法: ? ? ? clear : none | left | right | both取值: ? ? ? none ?: ?默認(rèn)值。允許兩邊都可以有浮動(dòng)對(duì)象 ? ? ? left ? : ?不允許左邊有浮動(dòng)對(duì)象 ? ? ? right ?: ?不允許右邊有浮動(dòng)對(duì)象 ? ? ? both ?: ?不允許有浮動(dòng)對(duì)象應(yīng)該是清除clear 屬性規(guī)定元素的哪一側(cè)不允許其它之前浮動(dòng)元素

2-4 浮動(dòng) float
都設(shè)置浮動(dòng)為什么會(huì)緊貼著是因?yàn)橐坏⒃卦O(shè)置了float屬性后,會(huì)隱式的將其屬性改為inline-block。
舉報(bào)