66

1.IE7和FF下自动撑开DIV(宽度)　　　　　　　　　　　　 #image_main{padding:10px;border:1px solid #cccccc;}#image_left{width:500px;float:left;}#photoBorder{padding:2px;background:#cccccc;float:left;}

*{margin:0;padding:0;} /**************************** 背景基本属性 ***************************/ /* background-color设置背景颜色 */ /* background-image设置背景图片 */ /* background-repeat

*{margin:0;padding:0;} /**************************** CSS3盒子阴影属性 ***************************/ /* box-shadow:none | [inset x-offset y-offset blur-radius spreed-radius color],[inset x-of

*{margin:0;padding:0;} /**************************** 边框基本属性 ***************************/ /* border-width设置边框粗细 */ /* border-color设置边框颜色 */ /* border-style设置边框样式,CSS3可为

*{margin:0;padding:0;font-family:Arial;font-size:14px;} /**************************** 文本基本属性 ***************************/ /* CSS字体类型 */ /* font-family定义字体类型 */ /* font

CSS3中可利用tansform功能實現文字或圖像的縮放，傾斜，移動，旋轉這4類變形處理1.縮放使用scale方法，可分別指定元素水平，垂直方向縮放倍率 div{ width:300px; background-color:Yellow;

Transitions功能將元素的某個屬性從一個屬性值在指定時間內平滑過渡到另一個屬性值來實現動畫功能transition:property duration timing-functionproperty：表示對哪個屬性進行平滑過渡duration：表示在多長時間內完成屬性值的平滑timing-function：表示通過什麽方法來進行平滑過渡

盒的類型1.inline-block類型屬於block類型盒的一種，但顯示時具有inline類型盒的特點以前如果要在一行中並列顯示多個block類型元素，需要使用float屬性，這會使得樣式複雜。因此追加inline-block類型使得並列顯示多個block類型變的簡單 div.inlineblock{dis

新增屬性background-clip：指定背景的顯示範圍(FF：-moz-background-clip，其他：-webkit-background-clip)background-origin：指定繪製背景圖像時起點(FF：-moz-background-origin，其他：-webkit-background-origin)background-size：指定背景中圖像尺寸(其他

給文字添加陰影 text-shadow屬性text-shadow : length length length color;前3個length分別指：陰影離開文字的橫向距離，陰影離開文字的縱向距離，陰影模糊半徑(可不指定，則不模糊，值為0不模糊)color指陰影顏色(可不指定，則使用字體顏色) div

使用選擇器來插入文字 h2:before{content:'Hello';color:White;background-color:Orange;} h2.test:before{content:none;} 標題1 標題2 標題

屬性選擇器1.[att*=val]如果元素用att表示的屬性之屬性值中包含用val指定的字符的話，該元素使用這個樣式2.[att^=val]如果元素用att表示的屬性之屬性值的開頭字符為用val指定的字符，該元素使用這個樣式3.[att$=val]如果元素用att表示的屬性之屬性值的結尾字符為用val指定的字符，該元素使用這個樣式 結構性偽類選擇器1.偽類選擇器

<br />在IE下，FF下统一样式且不显示滚动条<br />.d_taklArea{border:1px #c3c3c3 solid;overflow-x:auto;overflow-y:hidden;}<br /> <br /><textarea name="textarea" rows="10" cols="20" class="d_taklArea" style="width:193px;height:120px;">

<br />word-wrap:break-word;word-break:normal;overflow:hidden;

--> /**************************** 基本选择器 ***************************/ /* 通配选择器 */ *{margin:0;padding:0;} /* 元素选择器 */ ul{background:grey;} /*