day4 css

浮动：真的浮起来了，但是看不到
一楼 二楼

相对定位 原来位置固定 静态 移动 浮动层

相对定位 第一个拥有定位的父级元素 ```

定位

静态层 浮动层 定位层（3楼以上,地下室都是） z-index

沟通能力 融入集体 靠说话技巧
会不会技术 找个人帮你做这件事（不是一起做）

面试：怎么看？看会话，对工资有什么要求? 
有需求，对这行了解，不能说下限，除非很有实力。
我希望的工资是8000~8500，要说区间，听起来柔和。

面试结束，有什么想问，没问，暗号。
第一，对公司没什么兴趣
第二，没有特别多的工作经验

要问，
1.咱们的公司的企业文化（核心）
2.入职以后对我们新人有没有培训计划

面试
让HR想听到什么

学习能力：很重要

领导魄力：有没有能力成为了别人的核心

职业经理人培训 
有300人，3分钟，给其他人介绍自己，有一个人脱颖而出，一半以上说了这个人，第一个喊这个名字的这个人。

非诚勿扰
把选自己的人灭了，为了宣传自己。

JS

js的引入方式

内部-> 在head中写<script type="text/jacascript">alter(123)</script>
可以写在"body"中

外部 -> 1.在外部创建js文件
        2.在head引入，<script stc="js/js.js" type="text/javascript" charset="utf-8"></script>
行内 -> 需要基于某个事件 
        <button onclick="alter(789)">点我就告诉你答案</button>
        
三个都可以
没有执行顺序，执行结构顺序，从上到下

head中是优先加载

body中轮到那个元件加载才加载
所以<script></script>总是写在body的最后

onload：页面加载完成

弹出顺序：
321
123
321
789
987

js可以做什么

全选

// 看做类
<script stc="js/js.js" type="text/javascript" charset="utf-8">
    // 函数 方法
    function test1 () {
        alert(123);
    }
    function test2() {
        var ele = document.getElementByID("yx");
        ele.checked="checked";
    }
    function checkAll() {
        var eles = document.getElementsByName("hobby");
        for(var i = 0; i <  eles.length; i++) {
             eles[i].checked="checked"; 
        }
    }
    function checkNo() {
        var eles = document.getElementsByName("hobby");
        for(var i = 0; i <  eles.length; i++) {
             eles[i].checked="false"; 
        }
    }
    function checkRe() {
        var eles = document.getElementsByName("hobby");
        for(var i = 0; i <  eles.length; i++) {
             eles[i].checked=!eles[i].checked; 
        }
    }
</script>

<button onclick="checkAll()">全选</button>
<button onclick="checkNo()">全不选</button>
<button onclick="checkRe()">全选</button>
<input type="checkbox" name="hobby" id="yx" value="">游戏<br/>
<input type="checkbox" name="hobby" id="" value="">打球<br/>
<input type="checkbox" name="hobby" id="" value="">旅游<br/>
<input type="checkbox" name="hobby" id="" value="">看电影<br/>