css样式第三课

1.引入外部字体

@font-face{

    font-family:

    src: url();｝

family后面跟字体名称 url后面是字体所在位置

2.引入外部图标

通过阿里巴巴矢量图标库引入

@font-face {

    font-family: 'iconfont';  /* project id 1756563 */

    src: url('//at.alicdn.com/t/font_1756563_7wrmqobifil.eot');

    src: url('//at.alicdn.com/t/font_1756563_7wrmqobifil.eot?#iefix') format('embedded-opentype'),

    url('//at.alicdn.com/t/font_1756563_7wrmqobifil.woff2') format('woff2'),

    url('//at.alicdn.com/t/font_1756563_7wrmqobifil.woff') format('woff'),

    url('//at.alicdn.com/t/font_1756563_7wrmqobifil.ttf') format('truetype'),

    url('//at.alicdn.com/t/font_1756563_7wrmqobifil.svg#iconfont') format('svg');

  }

通过复制阿里巴巴项目内的daima，使用是div标签中输入图标的代码

3.盒模型

  border是边框 后面可以跟边框粗细 边框样式 dotted 点线 solid 实线 double 双线 dashed 虚线再跟上颜色

  margin:外边距 后面可以跟一个值、两个值（上下和左右）、四个值（上右下左）

top、right、bottom、left，分别对应上右下左可以单独设置。

垂直两个外边距重合时会进行重叠

    padding: 内边距 

后面可以跟一个值、两个值（上下和左右）、四个值（上右下左）

top、right、bottom、left，分别对应上右下左可以单独设置。