html和css中的奇淫巧技：

1、禁止 textarea 调整大小（缩放）：

resize: none;

2、禁止图片img被选中：

user-select: none;

3、css设置奇、偶数行的不同样式：

:nth-child(odd){}         	odd：奇数行
:nth-child(even){}			even：偶数行

4、css生成直角三角形：

border:50px solid transparent;
border-right-color: blue;
border-top-width: 0px;

5、css实现省略号：

overflow: hidden;//溢出隐藏
white-space: nowrap;//禁止换行
text-overflow: ellipsis;//...

6、css弹性布局生成多列多行（如三列多行）：

html布局:
<ul>
	<li><span></span></li>
	<li><span></span></li>
	<li><span></span></li>
	<li><span></span></li>
	<li><span></span></li>
</ul>

css样式：
ul{
	width:100%;
	display:flex;
	//justify-content: space-between;//两端对齐 (有Bug尽量别使用)
    flex-wrap: wrap;//换行
    li{
		width: 30%;//一个li的宽为ul的1/3（即三列）
	}
	
   	// li:last-child {
    //   margin-right: 35%;//当一行只有两个会左右排列，把右边的挤到第二个的位置
    // }
    
    li:nth-child(3n+2){//注意：3n（变量）必须在前，2（常数）在后才会生效
		margin:0  70px;
	}
}

7、box-shadow：

box-shadow：inset  x轴偏移量  y轴偏移量  颜色；
	inset：参数第一或最后（其它位置无效）外投影
	x轴偏移量：如3px：在左边 ；-3px在右边
	y轴偏移量：如3px：在上边 ；-3px在下边