5.4.盒子模型的邊框和類選擇器以及火狐瀏覽器的用法
本節簡介:主要講解盒子模型的邊框編寫規范和技巧,類選擇器以及火狐瀏覽器firebug的使用。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
下載火狐瀏覽器 點擊菜單(右上角三橫) ——附加組件 搜索Firebug下載 這樣右上角就有個三角形,可以查看網頁css 樣式
邊框border 三個部分組成 粗細 顏色 線樣式(solid實線)
dotted 點線, solid 實線, dashed 虛線
邊框 引用border;dinth粗細,dased虛線,dotted點線,solid實線;如果要用1個邊有邊框,其它沒有的話,就引用上下左右方向邊的英文,如只要左邊就是margin-left:50px(粗細) solid(實線) rgba(255,112,114,1.00)(顏色);
border: width color style;(邊框)
border:邊框 width:寬度 color:顏色 style:樣式
類選擇器允許以一種獨立于文檔元素的方式來指定樣式,可以單獨使用也可以與其他元素結合使用。為了將類選擇器的樣式與元素關聯,必須將class指定為一個適當的值?;菊Z法格式即類名前有一個點號(.)。
邊框顏色:color 邊框粗細:width 邊框線的樣式 :style
火狐瀏覽器- ---附加組件--firebug 安裝