css3導航 列表

標籤：http   ar   sp   for   on   問題   bs   html   ad   

1、css3中應用了偽類 ：hover，滑鼠位於a之上時，絕對位置下拉式清單和寬度。但是沒有定義left和top，列表會顯示在標籤a的下方。目前測試除了ie8，其他瀏覽器都沒問題。

2、虛擬元素::before和::after，表示在某個元素之前之後插入內容{content:"",transform:,}等

3、計數器。http://www.w3cplus.com/css3/css-counters.html

父元素中：counter-reset:計數器名 [起始值]

子項目{counter-increment:計數器名 [增長速度] &：before{content:"-"counter(計數器名) ; margin-right:10px;}}

或者子項目：before{content:counter(計數器名 [起始值]) "、"counter-increment:計數器名 [增長速度]}

4、滑鼠滑動變大 :hover{transform:scale(2); left:-10px;}

5、為了頁面效果更炫，還會加一點text-shadow box-shadow opacity

6、box-sizing 有三個值content-box:遵從w3c以前的規則寬高不包括padding和border

border-box:寬高包括padding和border

padding-box：寬高包括padding //ie瀏覽器不識別

-webkit-border-sizing //safari webkit瀏覽器

-moz-border-sizing  //ff瀏覽器

border-sizing:   //opera其它瀏覽器

css3導航 列表