1.css sprites 圖片精靈
<ul>
<li><i>插背景圖</i></li>
</ul>
2.新增選擇器
:before
h2:before/after{
content:"111122" 在前面插入
background:red;
}
.xxx::before/::after{
content:none;
}
3、全局樣式清除浮動
.clearfix:after{
content:"."
display:block;
clear:both;
visibillity:hidden;
height:0;
}
4、:first-letter: 選取以哪個標簽元素為首的字母
5、:first-line: 選擇哪個標簽元素的首行
點文字也能選中
<input type="checkbox" id="eat"><label for="eat">吃</label>
6、做開關
<input type="checkbox" id="apple"><label for="apple"></label>
input{
display:none;
}
:checked 修改復選框選中后的狀態
7、選中之后出現下拉菜單
li{
background:;
line-height:
}
div{
display:none;
}
input{
display:none;
}
lable{
display:block;
height:
width:
}
input[type=checkbox]:checked+label+div{
display:block;
}
8、vertical-align:middle;垂直居中
9、outline:none;文本框外邊框
10、placeholder:... 文本框文字提示信息
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
