-
/*必須項(xiàng),設(shè)置@font-face中font-family同樣的值*/查看全部
-
要實(shí)現(xiàn)溢出時(shí)產(chǎn)生省略號(hào)的效果,還須定義強(qiáng)制文本在一行內(nèi)顯示(white-space:nowrap)及溢出內(nèi)容為隱藏(overflow:hidden),只有這樣才能實(shí)現(xiàn)溢出文本顯示省略號(hào)的效果查看全部
-
blur 值 要加 "px"查看全部
-
如果你設(shè)置了border的寬度是Npx,那么你就可以在這個(gè)border上使用N種顏色,每種顏色顯示1px的寬度。 如果說(shuō)你的border的寬度是10個(gè)像素,但是只聲明了5或6種顏色,那么最后一個(gè)顏色將被添加到剩下的寬度。查看全部
-
animation-play-state:paused;查看全部
-
很重要的@keyframes funcname { 0% {} 100% {} } h1:hover { animation: funcname 5s ease-in .3s; }查看全部
-
偽類沒搞太明白,參考了其它同學(xué)的代碼查看全部
-
/*刪除第一項(xiàng)和最后一項(xiàng)導(dǎo)航分隔線*/ .nav li:first-child::before{ background: none; } .nav li:last-child::after{ background: none; } .nav a, .nav a:hover{ color:#fff; text-decoration: none; }查看全部
-
.nav li::before{ left: 0; background: -moz-linear-gradient(top, #ff625a, #9e3e3a 50%, #ff625a);查看全部
-
.nav li::before,.nav li::after{ content:""; position:absolute; top:14px; height: 25px; width: 1px; } .nav li::after{ right: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,.2) 50%, rgba(255,255,255,0));查看全部
-
.nav li{ position:relative; display:inline-block; padding:0 16px; font-size: 13px; text-shadow:1px 2px 4px rgba(0,0,0,.5); list-style: none outside none; border-width:1px; border-style:dashed; }查看全部
-
太不熟悉。。。。查看全部
-
說(shuō)了這么多,怎么樣的布局或者說(shuō)HTML結(jié)構(gòu)才是簡(jiǎn)單干凈的呢?這里教大家一個(gè)快速測(cè)試的方法。你首先禁掉你頁(yè)面中所有的樣式(以及與樣式相關(guān)的信息),在瀏覽器中打開,如果你的內(nèi)容排列有序,方便閱讀,那么你的這個(gè)結(jié)構(gòu)不會(huì)差到哪里去。查看全部
-
js文件下載地址: 下面我們一起來(lái)看看CSS3 Meida Queries在標(biāo)準(zhǔn)設(shè)備上的運(yùn)用,大家可以把這些樣式加到你的樣式文件中,或者單獨(dú)創(chuàng)建一個(gè)名為“responsive.css”文件,并在相應(yīng)的條件中寫上你的樣式,讓他適合你的設(shè)計(jì)需求。 腳本下載地址: media-queries.js(http://code.google.com/p/css3-mediaqueries-js/) respond.js(https://github.com/scottjehl/Respond) <!—[if lt IE9]> <scriptsrc=http://cs查看全部
-
可以縮寫成:transition:width .5s ease-in .18s查看全部
舉報(bào)
0/150
提交
取消