CSS 世界

文本溢出

<style>   
/* 单行文本 */
.box{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 多行文本 */
.box{
    word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 3;    /* 指定行数*/
	-webkit-box-orient: vertical;
	overflow: hidden;
}
</style>

画三角形

.box {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-bottom-color: pink;
}

表单

/* 所有表单的placeholder 默认颜色 */
/* IE9及以下版本不支持input的placeholder属性，需要用JS来做兼容。 */
input::-webkit-input-placeholder{
    color:red;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:red;
}　　
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:red;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-1*/
    color:red;
}

/* 去除激活input的默认边框, 三种方法都能实现 */
input{
    outline: none;
    outline: medium;
    outline: 0;
} 

/* textarea禁止拖动 */
textarea{
    resize: none;
}