html权威指南笔记

标签基本分类（块元素以及内联元素）：

• 块元素
  块元素一般都从新行开始，它可以容纳内联元素和其他块元素,常见块元素是段落标签’P”。“form”这个块元素比较特殊，它只能用来容纳其他块元素。另外div、ul、h1-h6都是比较常见的。
• 内联元素
  内联元素(inline element)一般都是基于语义级(semantic)的基本元素。内联元素只能容纳文本或者其他内联元素，常见内联元素 “a”。img、input和span都比较常见。

---

定义样式方式

• 元素内嵌

<div style="display:none;"></div>

• 文档内部定义

.test{
    display:none;
}

• 外联定义

<link rel="stylesheet" type="text/css" href="test.css"></link>

样式叠层

• 元素内嵌样式

• 文档内嵌样式

• 外部样式

• 用户样式

• 浏览器样式

CSS继承

• 1 与元素外观（文字、颜色、字体等）相关样式会被继承
• 2 与元素在页面上的布局相关的样式不会被继承，可以采用inherit强制继承父类样式。

javascript小知识

• in用法
  in 用于判断某属性是否存在

    var myData = {
        name:'admin',
        weather:'sunny'
    }
    for(var name in myData){
        console.log('name:'+name);
    }

• js内置数组方法

  • concat(另一个数组)：用于组合数组
  • join(分隔符)：将数组连接成字符串
  • pop()：删除并反悔数组最后一个元素
  • shift()：类似pop返回第一个元素
  • push()：将数据添加到数组
  • unshift()：类似push，将数据插入到数组开头

• undefined与null区别

  • undefined： ①读取未赋值变量②读取对象属性未得到值
  • null：已经给属性赋值，但是值不是有效的js类型（object、string、number、boolean）

• 页面定时刷新方法

  • 一种使用标签（另一种属于定时器）：

    <meta http-equiv = 'refresh' content = '5;url=www.test.com'/>

• style中的media属性

<style media = "screen AND(max-width:500px)">
        a{
            background-color:red;
            color:white;        
    }
</style>