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 :虚线。