知识总计

1.标准盒子模型

Content box:内容区域

Padding box:内容区域外边框内区域

Border box:边框

Magin box：外边距

2.代替盒子模型

.box{ box-sizing;border-box}

创建内联盒子

3.display属性

block-inline 块元素 行内元素 行内块元素

none 元素不呈现

4.背景background

background-color 背景颜色

background-image 背景图片

background-repeat 背景平铺

background-size 背景图片大小

background-position 背景位置

background-image：linear-gradient 背景渐变

5.文本 writing-mode 书写模式

6.溢出内容处理 overflow

7.px 像素单位 em相对单位

8.文字修饰

9.box-shadow 阴影

10.透明度 opacity

11.鼠标样式 cursor

心得体会

在今天早上解决图像练习作业的时候，由于没有完整的想法，没能很快写出来，模块化，结构化果然是使用语言解决问题的重要思想。