LAPTOP-CM3SNMK4_20210523 单俊秀

日志

1.知识总结

内边距(内填充)

​ padding属性设置元素之间的填充,是指内容区域和边距之间的距离。不能为负数。

盒子模型

​ 注:一般都为块元素。

​ 盒子模型的各个部分

​ (1)Content 显示内容,设置width和height

​ (2) padding box 包围在内容区域外部的空白区域

​ (3)border box 边框盒包裹内容盒内边框

​ (4)margin box 这是最外面的区域,是盒子和其他元素之间的空白区域

标准盒模型

​ 内容+内填充+边框

替代盒模型

​ 内容宽度-内填充-边框

​ 通过设置box-sizing:border-box 来实现

display

​ 规定元素应该显示成什么的类型

​ 属性值:

​ (1) black:元素呈现块元素特征显示,此元素前后会有换行符

​ (2)inline:呈现内联元素特征,前后无换行

​ (3)inline-block:元素呈现内联元素,并保持宽和高属性

​ (4)none:不做呈现,不占网页空间,与visibility hidden不同,只是隐藏不可见,但占网页空间

​ (5)flew 流体布局

设置背景样式 background

​ 设置背景颜色 background-color

​ 设置背景图片 background-image

​ 控制背景平铺 background-repeat

​ 调整背景图像的大小 background-size

​ 有两个取值:cover、contain

背景图像定位 background-position

渐变背景

​ linear-gradient 线性梯度渐变,延伸到整个盒子上

​ radial-graaient 有一个固定的大小,因此会重复

背景附加 background-attachment

​ 取值有 :scroll、fixed 、local

元素溢出 overflow

修饰字体

​ font-family :字体

​ font-style:字体风格

​ font-decoration :字体加横线

text-align: 字体所处位置

line-height:行高

text-shadow:阴影

透明度 opacity

鼠标样式 cursor

2.心得体会

​ 今天是实习的第四天,总的来说有高兴有失落,当做出一个程序的时候那种自豪感和满足感是前所未有的,但有时候因为做不出来就心情就特别低落,每天下来也很满足,努力去跟的上每天的进度。很喜欢每天和同学去讨论当天所学的内容,靠自己的努力去完成每天的内容。

3.疑问

(1)将一个图形横向划分和纵向划分

标签

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1