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指定为一个适当的值。基本语法格式即类名前有一个点号(.)。
边框颜色:color 边框粗细:width 边框线的样式 :style
火狐浏览器- ---附加组件--firebug 安装