-
clear屬性規(guī)定元素的哪一側(cè)不允許其他浮動(dòng)元素。
查看全部 -
浮動(dòng)框會(huì)浮在普通流中的框之上。文檔中的普通流中的塊表現(xiàn)得就像浮動(dòng)框不存在一樣。
浮動(dòng)框脫離了文檔流，不再占據(jù)文檔流的位置。
查看全部 -
盒子之間的距離：margin屬性
盒子內(nèi)容與盒子的距離：padding屬性（填充）
整個(gè)元素框的寬度=左邊距+左邊框+左填充+內(nèi)容寬度+右填充+右邊框+右邊距
整個(gè)元素框的高度=上邊距+上邊框+上填充+內(nèi)容高度+下填充+下邊框+下邊距
查看全部 -
描述盒子（生活中）：
寬度
高度
邊框 線粗細(xì) 線型 線的顏色
查看全部 -
主要涉及知識(shí)點(diǎn)：
HTML常用標(biāo)記及屬性
CSS基礎(chǔ)知識(shí)
盒子模型
三列布局
兩列自適應(yīng)
JavaScript基礎(chǔ)知識(shí)
jQuery基礎(chǔ)知識(shí)
圖片幻燈片切換效果
查看全部 -
當(dāng)盒子內(nèi)容比較多時(shí)，可以用 min_height 讓內(nèi)容撐開盒子的高度,同時(shí)還需要將后面的容器設(shè)置clear：both;； 注意：IE下沒有min_height，IE下是 _height,默認(rèn)內(nèi)容較多時(shí)，會(huì)撐開。 大型網(wǎng)站，主流清除浮動(dòng)方法：浮動(dòng)元素的父元素 class="clearfix"，
查看全部 -
my查看全部
-
myfouse的使用
查看全部 -
list-style-image可以把圖像設(shè)置為列表中的項(xiàng)目符號(hào)；list-style-type可以設(shè)置列表項(xiàng)目符號(hào)的不同樣式，如：none表示無項(xiàng)目符號(hào)，disc表示實(shí)心圓（默認(rèn)值），circle表示空心圓，square表示實(shí)心方塊等。
查看全部 -
給元素設(shè)置寬高時(shí)，注意是否是內(nèi)聯(lián)元素，應(yīng)設(shè)置display:inline-block或者block，否則寬高無效。
background-position x y：x水平y(tǒng)垂直單位可以是px也可以是%。或者是top,left,right,bottom,center，如是則只寫一個(gè)英文位置時(shí)，另一個(gè)位置默認(rèn)為center。位置信息什么都不寫，默認(rèn)為center。
采用像素值來定位時(shí)，像素值意味著背景圖片和元素左上角的差值。
查看全部 -
3-11 新聞中心制作（二） 圖片編輯六要素：大小、邊距、邊框、位置、浮動(dòng)、背景； 文字編輯八要素：大小、邊距、邊框、位置、浮動(dòng)、行高、背景、顏色； 在ie中不居中的問題：
查看全部 -
清除浮動(dòng)clear
查看全部 -
1em的大小是當(dāng)前1個(gè)字體的大小，因此2em正好是兩個(gè)字符。另提示：text-indent的值允許負(fù)值，因此如果想隱藏某個(gè)div中的文字可以這樣寫text-indent:-9999px.
查看全部 -
min-height在IE6不支持
查看全部 -
編程練習(xí)
小伙伴們，根據(jù)所學(xué)知識(shí)，實(shí)現(xiàn)如下圖所示的簡單兩列布局，整個(gè)頁面寬度為960px，背景顏色為#CFF。左側(cè)盒子寬度為740px，背景顏色為#C9F，右側(cè)盒子寬度為210px，背景顏色為#FCF。左側(cè)和右側(cè)盒子的高度均為300px。
效果圖:
代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標(biāo)題文檔</title>
<style type="text/css">
/*在此定義相應(yīng)的類選擇器，并根據(jù)要求設(shè)置相關(guān)CSS屬性*/
.mainBox
{
? ? width:960px;
? ? height:300px;
? ? background:#CFF;
? ? clear:left;
}
.leftBox
{
? ? width:740px;
? ? height:300px;
? ? background:#C9F;
? ? float:left;
}
.rightBox
{
? ? width:210px;
? ? height:300px;
? ? background:#FCF;
? ? float:right;
? ??
}
</style>
</head>
<body>
<!--在此添加相應(yīng)的div標(biāo)簽-->
<div class="mainBox">
? ? <div class="leftBox"></div>
? ? <div class="rightBox"></div>
</div>
查看全部
舉報(bào)