PHP程序员站--PHP编程开发平台
当前位置:主页 >> 网页制作 >> CSS >> 文章列表
分享10个超赞的画布Canvas,SVG和CSS3相关的jQuery插件   12-07-14
jQuery插件开发绝对是jQuery框架最强大得一个特性。数以万计得开发人员开发了各种不同功能和特性得jQuery插件,使的jQuery框架如此得成功和流行。随着HTML5,CSS3得发展,javascript在web开发中慢慢变的更加强大,并且更加得可控。在今日得这篇文章中,我们将介绍10款...
最新的 Javascript 和 CSS 应用技巧荟萃   12-07-11
随着前端技术得发展,javascript和css在 网站和web应用中展现出强大得统治力,特别是随着HTML5和CSS3得标准得成熟,我们可以使用javascript和css开发出你想都没有想到过 得特效和动画,在今日得这篇文章中,我们将介绍一组相关CSS和javascript得强大教程和插件,希望大...
5 个简单实用的 CSS3 Tab 菜单   12-07-09
Tab菜单是一种比较特殊得菜单,和其他菜单不同,Tab菜单更多得是帮助用户在更狭小得范围内导航所要阅读得内容,通过对Tab页得切换,用户可以在有限得空间内找到更多感兴趣得内容。下面给大家分享5款简单而实用得CSS3 Tab菜单示例,希望能有用。 1、CSS3实现得Tab菜单导...
7 个超级震撼的 CSS3 按钮组合   12-06-30
我们可以用精美得背景图片和CSS代码制作出非常漂亮得按钮,但在某些特殊得页面上,或者你需要让按钮更有动感从而让你得用户眼前一亮,那么就试试 用CSS3技术吧,CSS3新增得大多数属性能让按钮具有你意想不到得效果,包括动画、3D、阴影等等。下面就向大家推荐几个相当...
绚丽而又实用的jQuery和CSS3导航菜单   12-06-29
我们说导航菜单是网站得一扇门,然而精美便捷得导航更是能让用户方便地游走在网站得各个角落,更重要得是,能让用户牢牢地记住这扇大门,记住这个网 站。所以大多数网站设计师对网站导航得设计非常重视。下面我就向大家分享几款个人觉的非常不错得jQuery和CSS3导航,每...
实用的 CSS3 参考手册和代码生成工具   12-06-19
CSS3技术现在越来越成熟,通过CSS3得一些新特性(如box-sizing、边界半径、文字阴影、渐变等)创建得效果已经令前端开发者兴奋不已。使 用CSS3进行前端设计是未来得发展趋势。因此,如果你是一名前端设计师,就需要掌握这些最新得技术,否则就有可能会被淘汰。 一、参...
10 个很棒的 CSS3 按钮制作教程和例子   12-06-14
CSS3 是 HTML/CSS 得未来,是一个强大得 CSS 框架,在这篇文章中我们贴出一些很棒得用 CSS3 制作按钮得教程和实例。 Zardi CSS3 Button Maker CSS3 Gradient Button Generator How To Create a Stylish Button Entirely with CSS3 CSS3 Buttons Tutorial Prett...
css重置代码   12-06-14
css重置代码。页面布局必备。 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset...
30 个创新的 CSS3 Web 网站设计实例   12-06-11
还有什么开发离的开 Web 吗?桌面应用和Web应用得界限越来越模糊,甚至手机应用和Web应用也越来越模糊。制作出一个漂亮而且吸引人得网页让人惊叹。 每天都有大量得富有创意和美丽得设计。 CSS3 摆脱了网页设计得所有限制。下面是我们推荐得 30 个各种各样创意得网站设...
25 个 CSS3 动画按钮和菜单教程 - 附源码   12-05-31
Animated Buttons with CSS3 ( 在线演示 | 源码下载 ) Awesome Animated Download Button With CSS3 ( 在线演示 | 源码下载 ) Animated Content Tabs with CSS3 ( 在线演示 | 源码下载 ) Creating Fantastic Animated Buttons using CSS3 ( 在...
CSS预处理器 Less CSS   12-04-26
LessCSS是一种 动态 样式 语言. LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。 使用lesscss你需要在网页中引入官方提供的less.js文件 LESS...
10 个漂亮的CSS3 下拉菜单   12-02-22
1) CSS Mega Dropdown Mega dropdown is a pure CSS dropdown menu which is easily customizable and features 5 included color schemes (red, blue, orange, green, grey). 2) M etro CSS3 Mega Menu This is a C...
超漂亮的分页css样式   12-02-12
今天看到一个网站( www.bookcs.com )的分页按钮挺漂亮,于是把css拔了下来。有点像baidu,google的分页,实现上10页,下10页的效果。 效果如下 你也可以直接打开 www.bookcs.com 查看效果。 全整css样式和html代码 以下为引用的内容: !DOCTYPE html PUBLIC -//W3C//DTD...
css a链接标签使用顺序   11-12-24
已经使用CSS定义了超链接的样式,但是浏览时hover(鼠标悬停)却不起作用。为什么会这样?是浏览器的问题吗? 虽然你认为可能原因是浏览器问题,但是更多的可能是你样式定义时顺序错误。为了保证能看到不同状态下的连接样式,正确的样式顺序应该是: link - visited - hov...
谁是CSS3高手? 纯CSS3代码模拟iOS 不使用图片!   11-12-21
在老外这个物种中从来不缺乏代码大神, 这不竟然有个胖友使用CSS3 代码模拟出了绚丽得iOS 界面.目前得功能有 开机 关机 , 滑动解锁 等. 需要 最好使用 Mac OS X得 Safari浏览. 而且竟然不使用任何图像图片. 使用了3395行 CSS代码 与 335行 JaveScript.赶紧去瞻仰一下把....
36 个 CSS 框架推荐   11-10-27
来自Arunace的博文,本文介绍了36个CSS框架,提高开发、设计效率的事情总是让人不懈追求,快来看看吧,让你看看专家们的选择和推荐! 1. 1KB CSS GRID 大部分CSS框架,很牛,但是也很复杂,尤其是初学者。简单、轻量级,非此莫属,1KB CSS Grid。 2. 1 LINE CSS GRID F...
27 个漂亮的 Web 导航设计例子   11-10-16
收集了27个漂亮大气的web导航设计例子,希望对大家有帮助 Handle With Love 整洁和有组织的垂直导航。惊人的漂亮图片和颜色! Weightshift 很酷的使用菜单导航,优雅! Dont throw Batteries 优雅整洁的菜单 FA Design Another great example of typography based menu....
30种时尚的CSS网站导航条   11-08-24
我想,大家在上网的时候一定见过很多很多种各式各样的网站导航条的设计。这些导航条基本上来说都是用CSS来做的。这里,我们将向你介绍几种最不错的用CSS设计的网站导航条。希望你会喜欢。 1. The Menu menu 这是一个非常不错的CSS菜单,相当的独特,每个图标都有鼠标感...
100 个强大的 CSS 制作菜单的教程   11-08-24
水平 CSS 菜单教程 1. Advanced CSS Menu Trick View Tutorial | Demo 2. Elegant Drop Menu with CSS Only View Tutorial | Demo 3. Bulletproof CSS Sliding Doors View Tutorial Demo 4. Tabbed Navigation Using CSS V...
div下图片自适应大小   11-08-21
做网页、论坛贴图、写部落格。只要有需要上传图片的机会,就一定常碰到这问题。一旦不小心上传一个大于版面的图片,轻则内容被盖住,重则排版全乱掉,画面惨不忍睹。 一般的css处理方法都是靠 over-flow:hidden; 来达成的。但这样做有个缺点,跑出去的内容会被隐藏起来...
纯CSS实现Tab的两种方案   11-08-10
Tab在当前的Web应用中是非常常见的,最大的好处在于可以充分的利用有限的空间来展示更多的内容。常见的的Tab一般都是通过Javascript来实现,它的好处是灵活和功能强大。但是在某些情况下,如果仅仅需要一个简单的内容切换时是可以考虑使用纯CSS来实现的。本文主要介绍两...
35个很棒的HTML5和CSS3教程   11-07-03
CSS3和HTML 5 可以影响你设计网站的方式。CSS3提供了很多的设计上的新技术和高级功能,使创建网站变得更容易。下面的列表是今年最新的CSS3和HTML5的教程。 1. The Apple.com navigation menu created using only CSS3 Apple.com的导航菜单,只使用了CSS3. 2. Free CSS3...
08腾讯实习生招聘设计类网页重构组岗位公开面试题   11-07-02
一、 耐心填一填!(每空4分,共24分) 1. 为div设置类a与b,应编写HTML代码_div class=a b_/div_________。 2. 设置CSS属性clear的值为_both___________时可清除左右两边浮动。 3. ____li________标签必须直接嵌套于ul、ol中。 4. CSS属性_____margin_______可为元素设...
Div垂直居中及容器内图片垂直居中的4种解决方法   11-06-22
Div与CSS布局,最让人头疼的就是容器内的东西如何垂直居中的问题,我在做站时也遇到,查了一下资料,总结出以下居中办法,兼容IE与及Firefox 方法1: style type=text/css !-- * {margin:0;padding:0} div { width:500px; height:500px; border:1px solid #666; overflo...
CSS 中display inline的用法   11-06-21
它可以让行内显示为块的元素,变为行内显示,例如 div DIV1 /div div DIV2 /div 这里DIV1和DIV2分别占一行,但是你给他们加上属性后变了 div style= display:inline DIV1 /div div style= display:inline DIV2 /div DIV1和DIV2这时候显示在同一行了,试试看吧 和 displ...
隐藏iframe中滚动条的方法   11-06-14
如何在iframe中隐藏横向滚动条 删除DM中自动生成的 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd 此句代码. body中这样写: body style=style=overflow-x:hidden;overflow-y:scroll 能隐藏IF...
CSS隐藏浏览器滚动条的方法   11-06-14
我们希望是强制出现滚动条,但有时候我们并不希望出现滚动条,那就要隐藏它了。从上个问题的指点中我们很容易得到答案----设置CSS属性overflow的值为hidden。 具体步骤: 方法一:设置CSS属性overflow为hidden。 <body style=overflow:hidden> 方法二:设置body元素...
CSS中背景图片定位方法   11-06-14
在CSS中,背景图片的定位方位有3种: 1)关键字:background-position: top right; 2)像素:background-position: 0px 0px; 3)百分比:background-position: 0% 0%; 上面这三句语句,都将图片定位在背景的左上角,表面上看效果是一样的,实际上第三种定位机制与前两...
创建一个纯CSS的水平导航条   11-06-05
按照传统的方法,导航条由放在一行表格单元里的图形图像构成。由于人们不再推荐用表格来定位任何非表格的页面内容,所以很多制作Web的人正在寻找(新的)方法,用结构化的XHTML标记和CSS格式来创建导航条。 一个简单的CSS导航条 创建CSS样式文本导航条的最简单解决方法...
21 个新鲜的 CSS 3 教程与技巧   11-05-28
CSS3 已经变得很流行。大部分的浏览器比如IE7、IE8、Safari、Firefox和Chrome,都支持新的CSS3属性。CSS3有非常多的web和移动方面的功能。 本文列出21个新鲜的CSS3教程和技巧,供大家学习、交流。 1. iPhone slide to unlock Text in WebKit/CSS3 iPhone的滑动解锁的文...
108 个各种免费的 CSS 菜单设计   11-05-28
这里推荐 108 个各种 CSS 的菜单设计,包括复杂菜单、下拉菜单、水平菜单和垂直菜单,应有尽有。 Drop Down Menus 1. Slide Down Box Menu with jQuery and CSS3 Source Slide Down Box Menu with jQuery and CSS3 2. Hover Fill Source Hover Fill - Drop Do...
常用的DIV+CSS导航条   11-05-22
几十个常用的div+css导航条,强烈推荐,做站必备.. 效果图:...
分享20款漂亮实用的WEB2.0导航菜单源码下载   11-05-20
20款非常棒的WEB2.0导航菜单源码 演示地址: http://www.websjy.com/club/websjy_index/CSS-menu/ 效果截图: 下载地址:...
3款新鲜的CSS3&HTML5框架   11-05-18
每个人都知道,会从优秀的CSS/HTML框架中受益匪浅。下面介绍3个相对比较新的HTML5和CSS3框架。 Inuit.CSS CSS Framework Inuit.CSS 框架,作者 Harry Roberts 。该框架主要针对的是中等或小屏幕。这个CSS框架支持新的HTML5元素。 Perkins HTML5/CSS3 Framework Perkins...
推荐12个漂亮的CSS3按钮实现方案   11-05-16
在过去,我们都是使用图片或者JavaScript来实现漂亮的按钮效果,随着越来越多的浏览器对CSS3的支持和完善,使用CSS3来实现美观的按钮已没有太多的障碍。今天,本文收集了12个很不错的CSS3按钮方案并有相关的使用教程。 BonBon Buttons Zardi CSS3 Buttons With Simple...
50个行动召唤按钮欣赏   11-04-26
在web设计中,行动召唤(Call to Action)按钮,可以充分的表现用户体验的细节。对于很重要的下一步行为,具有醒目的、很有观感的行动召唤按钮设计,将十分重要。 本文列举了50多个网站,它们的行动召唤按钮做的非常不错,相信能给你的web设计工作带去灵感。 LiveResto...
12组免费的CSS3按钮强力推荐   11-04-18
一直以来,都是图片或是JavaScript用来创建按钮。随着CSS3被更广泛的支持,我们有幸能够利用很好的CSS3按钮。 本文推荐12组免费的、拿来就用的CSS3按钮,不会让你失望。 1、CSS3 Buttons With Simple Markup 2、GitHub-Style CSS3 Buttons 3、Zardi 4、Super Awesome B...
21个免费的UI界面设计工具、资源及网站   11-03-22
本文将介绍一些UI界面与设计使用的元素、软件和网站。内容很丰富,适合用户体验设计师、界面设计师、产品设计师、JS前段开发、手机产品设计以及iPad和平板电脑产品设计等使用。 Lumzy 官方地址: http://www.lumzy.com/ Lumzy是一个网站应用和原型界面制作工具。使用Lum...
2010全面兼容IE6/IE7/IE8/FF的CSS HACK写法   11-02-14
浏览器市场的混乱,给设计师造成很大的麻烦,设计的页面兼容完这个浏览器还得兼容那个浏览器,本来ie6跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点,ie8的出现就更头疼了,原来hack ie7的方法又不能用了,怎么办呢? 第一种方法: 还好,微软提供了这样一个代码:...
2011年Web设计趋势:CSS3+HTML5居首位   11-01-09
在设计和编程之间只有薄薄的一线,当我们进入新的十年时,这条线变得越来越模糊。在Photoshop 上绘制漂亮的模型就够了吗?5年以前也许如此。在今天,普通的网络用户要求的更多。所有的东西都很漂亮,但没有实质内容,过段时间人们就会厌烦。如果你唯一的目标是用你漂亮...
如何用CSS实现大背景网页设计   10-12-27
自从我发布了大背景网页设计合集之后,我收到了很多电子邮件询...
让IE支持CSS3圆角的方法   10-12-22
如果要想在IE浏览器中实现圆角的效果,我们一般都会采用圆角图...
firefox中margin-top失效的原因与解决办法   10-11-08
最近发现好多用margin-top实现的,上边距效果一直没有,一直都不...
DIV+CSS容易犯的十个错误   10-11-04
DIV+CSS是网站标准(或称Web标准)中常用的术语之一,通常为了说明...
css3:background属性调整增强   10-10-10
(注:仅对css3对background的调整、增加的属性进行了翻译) cs...
令人难以置信的纯 CSS3 图标欣赏   10-09-14
尽管被批评为走火入魔 ,CSS3 痴迷者们仍然在尝试实现各种基于...
CSS3 Media Queries 详解   10-09-14
说起CSS3的新特性,就不得不提到 Media Queries 。 本文比较详细...
css3中圆角和阴影的实验   10-08-10
主题折腾了不少东西,又看到了很多问题,尤其是IE,全系列全部...
21个惊奇的CSS技术欣赏   10-08-10
CSS(Cascading Style Sheets,层叠样式表)是现代的网页设计中...
CSS兼容性(IE和Firefox)技巧大全   10-07-31
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟...
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号