[成都|]JS-|2018年11月01日的日报-技能树.IT修真院

发表于： 2018-11-01 20:21:24

1 745

今天完成的事情：

1.完成任务三

2.看了命名规定，比如写盒子的时候避免使用<div class="box1">、<div class="box2".....一系列命名方式，应该是什么就写什么，根据现实情况来命名，比如是header就写成<div class="hesder">，是content就写成<div class="content">。

3.看了position 使用 relative, absolute, fixed 的区别是什么？

fixed 定位：元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的它也不会移动。注意：Fixed定位使元素的位置与文档流无关，因此不占据空间。Fixed定位的元素和其他元素重叠。通常配合z-index一起来使用。比如说网页上悬挂的聊天图标或者广告就是用了fixed。

relative 定位：相对定位会按照元素的原始位置对该元素进行移动。元素仍保持其未定位前的形状，原本所占的空间仍将保留。相对定位元素经常被用来作为绝对定位元素的容器块。

absolute 定位：绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于<html>。元素原先在正常文档流中所占的空间会被后面元素占据。注意：如果两个定位元素重叠，没有指定z - index，最后定位在HTML代码中的元素将被显示在最前面。

4.看了px、em、rem，但是依旧懵。

明天计划的事：

配置nginx，巩固基础知识。

遇到的困难：

做这个的时候由于我是把葡萄logo放在盒子里然后用css敲得圆形背景，所以我把文字写上的时候会和logo一样出现在圆形背景图上，如果弄一个单独的的盒子会随分辨率的变化一起乱动。