05023学习日志

一、知识总结

1>盒子模型组成：

1. content box显示内容，通过width和height设置大小
2. Padding box内容区域外部空白区域，通过padding设置大小
3. Border box边框盒子包裹内容和内边距，通过border设置大小
4. Margin box盒子和其他元素之间的空白区域，通过margin设置大小
5. 标准盒模型：margin不计入实际大小
6. 替代（IE）盒模型：所有宽度为可见宽度
7. 盒子模型和内联盒子

2>display属性：

1. block：元素呈块元素特征，元素前后有换行符
2. inline：元素呈内行元素特征，元素前后无换行符
3. inline-block：元素呈行内并保持宽和高的属性
4. none：元素不做呈现，不占网页空间。visibility不显示但占网页空间

3>背景样式background

background-color

color

transparent背景颜色是透明（默认）

inherit：指定背景颜色，应从父元素继承

background-image

• ​ background-repent
• ​ background-size
• ​ background-position

渐变背景：

• linear-gradient 线性梯度渐变，延伸到整个盒子上
• radial-gradient 有一个固定的大小，因此会重复

多个背景图像

background-attachment背景附加：

• scroll元素背景在页面上滚动
• fixed元素背景固定在视图端口
• local

background-clip

• border-box 背景延伸至边框外沿
• padding-box 背景延伸至内边距（ padding ）外沿
• content-box 背景被裁剪至内容区（content box）外沿
• text 背景被裁剪成文字的前景色

4>处理不同方向的文本

5>溢出的内容

• overflow属性：
• visible 内容不会被修剪，会呈现在元素框之外（默认）
• hidden 隐藏掉溢出
• scroll 显示滚动条
• auto 自动

6>css的值

绝对长度、相对长度

7>修饰字体的文字

color、font-size、font-weight、font-famliy、font-style、text-decoration、text-align、text-shadow、vertical-align

8>阴影

box-shadow属性设置，h-shadow和v-shadow为必选，值可为负

二、心得体会

今天的天气不错哈，没有那么闷热。在学习的过程中，能明显感觉到老师对我们的内容进度难度都有所调整，作业不是很难，作业量挺大的呢。

三、疑问

markdown软件可不可以同时选中不同行的不同内容？