|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
破洛洛文章简介:40个优异的CSS技能与教程.
照片画廊————————————-
Notsosimplephotographgallery-基础的照片画廊,具有默许图象,一到两行申明笔墨,单击中间的小图象后缩小显现在中心屏幕上
HoverboxImageGallery-Hoverbox照片画廊,完整基于CSS的照片画廊,鼠标移到图片上,在以后图片地位缩小显现
CSSSlidingPhotographGalleries-滑动照片画廊,鼠标移到紧缩显现的垂直的图片上,图片滑开扩大完整显现
CrossBrowserMulti-PagePhotographGallery-跨扫瞄器的照片画廊,此例子是多页面的Hoverbox照片画廊
导航————————————-
AdvancedCSSMenu-初级CSS菜单,使用的CSSPosition属性编写具有hover效果的CSS菜单
TheMenuMenu-一个外型共同的菜单
CreateVimeo-liketopnavigation-Vimeo式的顶部导航,基于无序列表的复杂的CSS下拉菜单。
HowtoStyleanAtoZIndexwithCSS-使用CSS定制A到Z索引作风,字母变年夜减少自顺应
CSSCandyMenu-时髦的CSS下拉菜单有六个色采供您利用。
Aflyoutmenuwithbreadcrumbtrail-相似Windows的入手下手菜单。程度情势
CssMenuwithIcons-加上图标的初级菜单
SitemapCelebration-css网站舆图,利用CSS作风的嵌套列表的网站地点。
NavigationMatrixReloaded-翻车导航,只用一张图片。
破洛洛文章简介:40个优异的CSS技能与教程.
按钮————————————-
ScalableCSSButtonsUsingpngandBackgroundColors-利用PNG和背景色彩的可扩大CSS按钮,创建一个充斥活气的CSS按钮利用PNG,通明度和背景色彩,并撑持周全的可扩大性。
CSSPushbuttonLinks-CSS链接按钮,创立事情的按钮,不利用图象。
列表————————————-
HowtoCreateaBlockHoverEffectforaListofLinks-创立地区块悬停效果的列表
BetterOrderedListsUsingSimplePHPandCSS-PHP共同CSS输入的有序列表-这类手艺很不错,由于它不利用任何图形元素,间接利用CSS把持。
TheAmazingLI-利用CSS和无序列表的项目能够做任何事变。
表格————————————-
ACSSStyledTable-CSS作风表
StylingTableswithCSS-先容怎样自界说的界限,距离,添补,背景和色彩的表格和表格单位格,和怎样创立候补色表行和创立悬停影响。
ACSSStyledCalendar-CSS作风的日历
笔墨与链接————————————-
CSSTextWrapper-CSS笔墨包装,这个CSS笔墨包装可让您容易地使HTML文本总结外形,它不单单是一个矩形。您能够经由过程笔墨环绕曲线,锯齿或任何你想要的。
ShowingHyperlinkCueswithCSS-撑持在IE7,Firefox和Safari扫瞄器。
CheckmarkYourVisitedLinkswithPureCSS-利用CSS伪类创立点击前后分歧款式作风的笔墨。
CSSGradientTextEffect-CSS突变笔墨效果,纯CSS,不利用JavaScript或Flash
别的效果————————————-
CSSStickyFooter-CSS贴页脚,撑持一切支流和最稍微的扫瞄器。
破洛洛文章简介:40个优异的CSS技能与教程.
TheCSS-OnlyAccordionEffect-纯CSS手风琴效果
Pullquotes-援用
SimpleDoubleQuotes-利用图片的援用效果
CSSImageMaps-CSS舆图标示
CreatingaStarRaterUsingCSS-CSS星级评分体系
CreateaValidCSSAlertMessage-CSS警示讯息
CSSRollovers-CSS翻转,利用CSS创立一个复杂的过渡图象。
PerfectpaginationstyleusingCSS-完善分页款式,怎样计划一个分页的搜刮了局
PureCSSAnimatedProgressBar-纯CSS动画进度条
AddaLoadingIcontoYourLargerImages-增加Loading图标守候年夜图片载进,让您的访客晓得,图象载进中。
SimpleAccessibleCharts-CSS复杂便利图表
CrossBrowserTransparentColumns-跨扫瞄器通明专栏,创建通明的内容专栏利用不通明度
CSSSpeechBubbles-CSS语音气泡
总结
再次感激您的浏览,我们但愿这篇文章对您的事情中有匡助。假如有一些技能和教程文中没有说起,但愿您在批评里指出,感谢!
原文地点:http://arbent.net/blog/40-outstanding-css-techniques-and-tutorials
译文地点:http://www.sonichtml.com/blog/?p=255
每个声明内只能有一个属性,如果属性值中含有空格用双引号括起来例,在一个声明块内可以有多个声明,每个声明用分号隔开。 |
|