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.最常见的的数字类型是
8.box-shadow属性可以设置一个或多个下拉阴影的框
9.cursor属性可以定义鼠标样式
二.心得
老师讲解的很给力,我虽然已经很努力的去接收了,但是接收的程度有限。