li:nth-child(n + 4) 選取相對於父元素的第四個li子元素開始添加樣式javascript
p:first-child 選取相對於父元素的第一個添加樣式css
border: 1px groove #cfcfcf; groove 邊框3d效果,dashed虛線效果java
input下radio單選,checkbox多選,placeholder設置提示文字,reset重置from表單。url
對於input對齊使用vertical-align:middle; 樣式便可。spa
select下option 下拉菜單3d
font-weight: 700 加粗orm
css樣式選擇器優先級:事件
1. 內聯樣式表的權值最高 1000;圖片
2. ID 選擇器的權值爲 100ip
3. Class 類選擇器的權值爲 10
4. HTML 標籤選擇器的權值爲 1
選擇器使用技巧,id,class,標籤加類型
#fsearch .xq5 input[type=submit] {
}
text-indent: 2em; 首行縮進
display:block; 讓a,p,span,i等成爲塊元素,可適配margin等樣式。
z-index: 999 元素高度即頂層覆蓋等z軸。
transition: all 0.6s;transform: scale(1.1); 等比放大1.1倍(0.6秒內),通常配合:hover鼠標事件。
overflow: hidden;通常用於圖片,超出部分隱藏。
position:absolute;相對定位,配合父級元素position:relative;使用
href="javascript:;" onclick="alert('暫無此功能...')" a標籤彈出提示框
onclick="window.history.go(-1)" 給標籤加入點擊事件返回上一頁