css,html筆記

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] {

  1. margin-right: 10px;
  2. background: #ffa200 url(../images/sc.png) no-repeat 90% center;

}

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)"  給標籤加入點擊事件返回上一頁
相關文章
相關標籤/搜索