前端学习笔记2

  BOM基础
    1.window对象
        moveby(dx,dy) 向右移动dx 向下移动dy  moveto(x,y) 移动到 x ,y  resizeby(dw,dh) 增加宽度dw,高度dh resizeto(w,h)
        open() opener()  弹出窗口 alert() 弹出对话框 confirm() 可以直接输入参数 prompt()
         返回历史 history() window.history.go(1)  window.history.back() window.history.forward()    
    2.document对象是window对象的一个属性
      作用:主要用于获取和修改一些页面的属性以及属性集合
      方法 write()      
      属性  anchors 页面所以瞄的集合  froms 表单集合 images 所有图片的集合  links 超链接的集合
    3.location对象分析和设置页面的url地址  是window对象和document对象的属性
      属性  hash  host  href
      方法 replace  后退失效 reload()  重新加载  location.reload(true)
    4.navigator对象是最早实现dom对象之一
      属性  useragent(浏览器判断) platform(判断操作系统)
    5.screen对象 window对象属性之一   获取屏幕信息
       属性 availheight 窗口可以使用屏幕高度  availwidth  窗口可以使用屏幕宽度
   

css基础  
    1.行内样式      <p style="font-size: 3rem;" >xss</p>
    2.内嵌式             <style></style>
    3.链接式             <link type="text/css" href="" rel="stylesheet">
    4.导入样式           @import url("global.css");
盒子模型
  padding  复合写法
  padding:1px =
  padding: 1px  2px
  padding:1px 2px 2px 上 左右 下
  padding:1px 2px 1px 2px   上 右  下 左
  注意点：
   1：标签的嵌套 确定父子级关系
       1.第一个子级的margin-top 会在特定的情况下穿透父级
       规避的方法
          1.给父级加边框
          2.给父级加overflow:hidden
          3.不要用margin-top,父级的padding-top代替

       2.兄弟关系的margin-top和margin-bottom会叠压、



     css选择器
         标记选择器，类别选择器 class,id选择器 id ，集体选择器 h1,h2
         嵌套选择器 p b ,子代选择器 ul>li,属性选择器 div[id="name1"]