-
/*必須項,設置@font-face中font-family同樣的值*/查看全部
-
要實現(xiàn)溢出時產(chǎn)生省略號的效果,還須定義強制文本在一行內(nèi)顯示(white-space:nowrap)及溢出內(nèi)容為隱藏(overflow:hidden),只有這樣才能實現(xiàn)溢出文本顯示省略號的效果查看全部
-
blur 值 要加 "px"查看全部
-
如果你設置了border的寬度是Npx,那么你就可以在這個border上使用N種顏色,每種顏色顯示1px的寬度。 如果說你的border的寬度是10個像素,但是只聲明了5或6種顏色,那么最后一個顏色將被添加到剩下的寬度。查看全部
-
animation-play-state:paused;查看全部
-
很重要的@keyframes funcname { 0% {} 100% {} } h1:hover { animation: funcname 5s ease-in .3s; }查看全部
-
偽類沒搞太明白,參考了其它同學的代碼查看全部
-
/*刪除第一項和最后一項導航分隔線*/ .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; }查看全部
-
太不熟悉。。。。查看全部
-
說了這么多,怎么樣的布局或者說HTML結(jié)構(gòu)才是簡單干凈的呢?這里教大家一個快速測試的方法。你首先禁掉你頁面中所有的樣式(以及與樣式相關的信息),在瀏覽器中打開,如果你的內(nèi)容排列有序,方便閱讀,那么你的這個結(jié)構(gòu)不會差到哪里去。查看全部
-
js文件下載地址: 下面我們一起來看看CSS3 Meida Queries在標準設備上的運用,大家可以把這些樣式加到你的樣式文件中,或者單獨創(chuàng)建一個名為“responsive.css”文件,并在相應的條件中寫上你的樣式,讓他適合你的設計需求。 腳本下載地址: 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查看全部
舉報
0/150
提交
取消