1、使用css寫出一個(gè)三角形角標(biāo)

元素寬高設(shè)置為0，通過border屬性來設(shè)置，讓其它三個(gè)方向的border顏色為透明或者和背景色保持一致，剩余一條border的顏色設(shè)置為需要的顏色。

div {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: red;
}

2、div水平垂直居中

父級(jí)控制子級(jí)居中（最簡(jiǎn)單的方法）

.parent {
    display: flex;
    justify-content: center;
    align-items: center;
}

3、文本溢出

單行：

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

多行：

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;

4、隱藏頁面元素

display: none; 元素不會(huì)占用空間，在頁面中不顯示，子元素也不會(huì)顯示。
opacity: 0; 元素透明度為0，但元素仍然存在，綁定的事件有效仍可觸發(fā)執(zhí)行。
visibility: hidden; 元素隱藏，但元素仍舊存在，占用空間，頁面中無法觸發(fā)該元素的事件。

5、calc

這是一個(gè)css屬性，可以計(jì)算css的值。最有趣的是他可以計(jì)算不同單位的差值。

div {
    width: calc(25% - 20px);
}