人生就像騎單車。想保持平衡就得往前走。 ——愛因斯坦
1.更改input的placeholder中文字的樣式
input::-webkit-input-placeholder { /* WebKit browsers */
color: #A1A1A1;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #A1A1A1;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #A1A1A1;
}
input::-ms-input-placeholder { /* Internet Explorer 10+ */
color: #A1A1A1;
} 實踐過程中發現沒效果，可能是我哪裏寫錯了吧，後來把input換成".類名"就有效果了！
2. 強制文字不換行
white-space:nowrap;3. : before 選擇器在被選元素的內容前面插入內容，使用 content 屬性來指定要插入的內容
<style>
p:before
{
content:"臺詞：";
}
</style>
</head>
<body>
<p>我是唐老鴨。</p>
<p>我住在 Duckburg。</p>
<p><b>註釋：</b>對於在 IE8 中工作的 :before，必須聲明 DOCTYPE。</p>
</body>4. 清除浮動：父容器使用 overflow:auto; 使用這種方法，必須定義width或者zoom,而且不能設置高度height，優點是代碼少，缺點是不能使用position,否則超出的元素將會被隱藏
5. 圖片底部加一點漸變色：
background-image: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.8)) * border-top-left-radius
* border-top-right-radius
* border-bottom-right-radius
* border-bottom-left-radius
7. 禁止瀏覽器自動填充非登陸input的賬號和密碼
<div class="biaodan">
<input class="name1" type="text" placeholder="請輸入暱稱" style="width:0;position:absolute;z-inde:-9999">
<input class="name" type="text" placeholder="請輸入暱稱">
<input class="pwd1" type="password" placeholder="請輸入密碼" style="width:0;position:absolute;z-inde:-9999">
<input class="pwd" type="password" placeholder="請輸入密碼">
<div class="btn" @click="checklogin">登錄</div>
<div class="wangji">忘記密碼</div>
</div>在上面加input，讓它自動填充，然後input 寬度設置爲0，position設爲絕對定位，z-index設爲-9999
8. 解決直接在table上設置圓角無效果的問題：只要在table的外面套上一個圓角的DIV盒子，把overflow設爲hidden就好了~簡單粗暴！（親測可用）
9. 通配符選擇器 * 一般不使用（性能不好），權重0到1之間
10. 僞類選擇器： 給一個元素添加某種狀態（hover等）
11. 僞元素： 通過css代碼向指定的元素內添加假的（html）中不存在的元素
<div>我是div元素</div>div{
color: red;
}
div:before{ //出現在該div內容之前
display: block;
content: "我是哥哥"; // 這個屬性的內容可以爲空，但是引號""不能缺少
color: blue;
font-size: 16px;
}
div:after{ // 出現在該div內容之後
display: block;
content: "我是弟弟";
color: blue;
font-size: 14px;
} 在工作中，經常使用 :after ,用來清除浮動帶來的影響
12. 用border製作三角形
<div class="div1"></div>.div1{
width: 0;
border-style: solid;
border-width: 20px; //大小由border-width決定
border-color: red transparent transparent transparent;
}