[北京|结业弟子]JS-朱春雨|2019年11月04日的日报-技能树.IT修真院

发表于： 2019-11-04 20:09:20

1 1017

今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）

text-align: center;  文字居中 <p></p>

margin：0 auto；居中

display:block;margin:0 auto;设置块级元素居中

body{ margin:o;} 清除边距

. 点为交集选择器，之前用.body{ margin:o;} 无效果一直不明白怎么回事

body{ } 标签选择器

position: absolute;绝对定位脱离文档流，如果第一个图片压着第二个图片无法显示可以用绝对定位脱离文档流显示图片，也可以用 z-index属性：必须绝对定位可以使用 { z-index="1"} 数值越大优先级越高数值大的在上面。

position: fixed;固定定位，设置固定定位需要设置宽度，亲测不设置宽度只设置高度，会跑出显示范围

如图小 | 杠可以用图片插入，但是增加了图片大小，可以用边框的方式设置，可以给<div>设置，也可以用<div>包裹元素设置。

github客户端和网站的连接

在github官网新建个库

点击此处

点击打开，可跳转到客户端，绑定本地文件夹，实现上传，修改，操作。

——————————

整理出常用表单，方便使用

文本区域（TEXTAREA）

列表框（SELECT）

文本输入框（INPUT type=text）

密码输入框（INPUT type=password）

单选输入框（INPUT type=radio）

复选输入框（INPUT type=checkbox）

重置按钮 <button type="reset"></button>

提交按钮 <button type="submit"></button>

隐藏域<input type="hidden"></input>  等等。

整理出来，好好理解

哪些css属性可以设置百分比

定位属性

top, right, bottom, left;

计算原则：基于父元素

相对定位的时候参照的是父元素区域的高度与宽度

绝对定位的时候参照的是最近定位元素，包含padding的高度与宽度

盒模型属性

height, width, margin, padding;

height：基于包含它的块级对象的百分比高度

width：基于包含它的块级对象的百分比宽度

margin，padding：百分数是相对与父元素的width计算

背景属性

background-position;

background-position 的默认值是 0% 0%，在功能上相当于 top left。这就解释了背景图像为什么总是从元素内边距区的左上角开始平铺，除非您设置了不同的位置值。

文本属性 参照父元素的属性

text-indent, line-height, vertical-align;

字体属性 参照父元素的属性

font-size;

计算值是根据指定值计算出来的

明天计划的事情：（一定要写非常细致的内容）

把任务一到4写的代码重新检查一遍

遇到的问题：（遇到什么困难，怎么解决的）

居中的问题解决了，突然就明白了，父元素靠子元素内容称起高度，试着不设置高度体验下感觉。

收获：（通过今天的学习，学到了什么知识）

对居中，定位理解更深了

返回列表