HTML CSS 进阶

零散部件：

#表示添加多个类

监听keydown事件，并把事件传给函数keyDown
function keyDown(ev){alert(ev.keyCode)}

data-demo-html=”true”：

<a href="#" data-demo-html="true">链接</a>


在HTML标签中使用data-开头标识一些属性，用来保存变量，就能灵活的做业务开发，比如：
<a id="a1" href="#" data-demo-html="true" data-id="123">链接</a>

// 有个链接，为链接增加个事件监听
document.getElementById('a1').addEventListener('click', function(e) {
  e.preventDefault();
  var a = e.currentTarget;
  if (a.getAttribute('data-demo-html') == 'true') {
    // 这样就能很灵活的从HTML中取到数据
    // 尤其是在操作列表的时候，这种方式保存数据，是一种常见方法
    var id = a.getAttribute('data-id');
    // do something
  } else {
    // 使用setAttribute()接口就能更改属性值，如
    a.setAttribute('data-demo-html', 'false');
  }
}, false);

border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */ 很牛逼

在使用文件上传控件是必须选 multipart/form-data 
enctype="multipart/form-data "
        application/x-www-form-urlencoded   在发送前编码所有字符（默认）
        multipart/form-data     不对字符编码。

        在使用包含文件上传控件的表单时，必须使用该值。
        text/plain  空格转换为 "+" 加号，但不对特殊字符编码。