MSI_0523ҦȺӢ

一.知识点总结

​ 1.padding属性设置元素的填充

​ 内边距位于边框和内容区域之间。与外边距不同,您不能有负数量的内边距,所以值必须是0或正的值。应用于元素的任何背景都将显示在内边距后面,内边距通常用于将内容推离边框

​ 设置四周填充

​ padding:value;

​ 2.盒子模型

​ 完整的CSS盒模型应用于块级盒子,内联盒子只使用盒模型中定义的部分内容。盒子模型定义了盒的每个部分,例如-----margin,border,padding,and content 合在一起就可以创建我们在页面上看到的内容。

​ Content box**: 这个区域是用来显示内容,大小可以通过设置 width 和 height . **

​ padding 相关属性设置。

​ Border box: 边框盒包裹内容和内边距。大小通过 border 相关属性设置。

​ Margin box: 这是最外面的区域,是盒子和其他元素之间的空白区域。

​ 3.display

​ display属性规定元素应该生成的框的类型

​ display属性的值:

​ block:元素呈现块元素特征,此元素前后会带有换行符

​ inline:元素呈现行内元素特征,元素前后没有换行符

​ inline-block:元素呈现行内并保持宽和高的属性,行内块元素

​ none:元素不做呈现,不占网页空间。visibility不显示但占用网页空间。

 display: inline-block 是一个特殊的值,它在内联和块之间提供了一个中间状态。这对于以下情况
 非常有用:您不希望一个项切换到新行,但希望它可以设定宽度和高度,并避免上面看到的重叠。

​ 4.background-color属性定义了CSS中任何元素的背景颜色

​ background-image属性允许在元素的背景中显示图像

​ background-repeat属性用于控制图像的平铺行为。

​ background-position属性允许您选择背景图像显示在其应用到的盒子中的位置

​ background-attachment控制背景附加

​ 5.writing-mode指文本的排列方向是横向还是纵向

​ 6.overflow属性是控制元素溢出的方式,overflow的默认值是visible

​ 7.最常见的的数字类型是,例如10px和30em

​ 8.box-shadow属性可以设置一个或多个下拉阴影的框

​ 9.cursor属性可以定义鼠标样式

二.心得

​ 老师讲解的很给力,我虽然已经很努力的去接收了,但是接收的程度有限。