5.4.盒子模型的邊框和類選擇器以及火狐瀏覽器的用法
本節簡介:主要講解盒子模型的邊框編寫規范和技巧,類選擇器以及火狐瀏覽器firebug的使用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
border邊框,dotted 點線 solid 實線 dashed 虛線 可以單獨設置一邊的邊框,例如border-left
下載火狐瀏覽器--在菜單欄加附加組件--Firebug--。
盒子邊框四個邊都一樣的:例如: border:5px solid red; 要底邊不一樣,再加一個:border-bottom:10px solid green;
邊框編輯 border:10px #FF0000 dashed(虛線段) dotted(小點線段) solid(實線) 。想單獨編輯一邊的線,在border的后面加代碼,例如左邊 border-left ,右邊border-right , 上面 border-tap , 下買 border- bottom 。
盒子模型的邊框,邊框由三個部分組成,邊框的粗細 width ,邊框的顏色 color , 邊框的樣式 style 。
firebug火狐瀏覽器的插件 用來查css 和HTML源碼的
border 邊框 border -width寬度 solid 實線 dashed 虛線 dotted 點線
dashed 虛線框,dotted,點線 solid 線 border-left:左邊加線
#solid:實線/ *box:(類的)名。/*class:類。/*dished :虛線。