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

发表于： 2019-11-05 22:29:07

1 969

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

了解的知识点

设置背景图片

background-image:url('./img/PP.png');

通过 background-size:cover;可以实现铺满背景不溢出；

border-radius:8px; 设置边框圆角

边框的高度宽度可以用width和height设置宽和高

可以用font-size: 10px;设置按钮大小

Border:1px solid #5fc0cd; 边框1px 实线  颜色蓝色

background-color: transparent; 背景颜色透明

position: fixed;

固定定位要设置z-index: 99999999; 优先级关系

固定定位下面元素要设置 padding-top：px；和固定定位元素高相同，防止层叠

字体族

 font-family 属性中的字体族名称应使用字体的英文 Family Name，其中如有空格，须放置在引号中。

示例 h1 { font-family: "Microsoft YaHei"; }

今天在做任务五，因为固定定位的优先级没设置导致无法固定header，设置固定定位，要设置宽。要注意用固定定位它的下元素防止被压住，要设置padding-top=“固定元素的高度”。

内容区用<span>和<p>来设置，小竖线用边框实现，<hr>下划线有阴影,需要设置更改下

<hr>标签下划线有阴影，下面代码去除阴影 1px实线 颜色

border:none;border-bottom:1px solid #ddd;

设置页尾按钮的时候要设置个盒子，设置号宽和高，固定定位，同样他的上级元素也要用padding-bottom=“减去它的高度” 固定定位都要设置优先级，

只设置按钮固定定位不建盒子效果和任务目标不同

目前相对定位和绝对定位运用良好，固定定位也加深了解了，多运用就好了

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

把遇到的问题都解决，加深基础标签的了解运用，给标签都分好类，包裹好

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

代码写的无章法，已初步整改了一下

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

对固定定位有一定程度的了解了

返回列表