html小知识

1.html中图片拖动会在新窗口中打开该图片， 添加

<img src="" draggable="false">

禁止拖动。

2.首先我们知道 textarea 默认的右下角 有个东东，可以点击进行拖动，放大缩小的

如果我们想让div也有这个东东怎么做呢，其实很简单，只需两个属性

#box{
    width: 200px;
    height: 200px;
    background: aquamarine;
    resize: both;/*这个两个必须同时使用,另外 horizontal： 只能水平拖动 vertical：只能垂直拖动*/
    overflow: hidden;
}

3.如果我们想让浏览为中的文字无法选中，可以用：

p{
    user-select:none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

注意： ie不行，另外如果ie用 js 模拟

<p onselectstart="return false"></p>

这时，

就这样，直选选中上面一行，确实无法选中，但是从下面开始选中，往上拖，上面的就能被选中了。

4. 如何更改选中文字的颜色：

p::selection{
    background: pink;
    color: #63f;
}

这是IE和谷歌可以的，火狐要这样：

p::-moz-selection{
    background: pink;
    color: #63f;
}

5
p标签不能包裹div，ul，如果这样包裹

，结果这样解析

直接多了个p，第一次看到的时候让我懵了一个逼啊，包裹ul同理，所以标签真不能乱用啊。。。。