CSS-搜索列表,幸凡学习网

文章搜索列表

文章搜索 >> CSS

发布时间：2012/6/13 10:34:46 阅读(7715)条评论(0)条

目前接入互联网中的设备的多样性，催生了新的 Web 布局设计方式——响应式设计。响应式设计的理念是，页面的设计与开发应当根据用户行为以及设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相应的响应和调整。这样开发者就无需针对每种设备及分辨率分别创建独立的布局。本文整理 12 款针对响应式布局设计的 CSS 框架，可以使你的开发工作变得轻松，并节省你的时间和成本。 1. SkeletonSkeleton是一系列CSS和JS文件的集合，它可以帮你...未完，继续阅读→
关键字：CSS 响应式布局 HTML5

支付宝前端样式解决方案Alice开源

发布时间：2012/1/1 13:38:37 阅读(6796)条评论(0)条

经过1年的探索，新的样式方案Alice已经于2011年12月15日开始在支付宝大大小小的项目中部署，今天，官方开源了这个样式方案。Alice 是支付宝前端样式解决方案小组的项目代称，其包括构建样式库的样式库解决方案、帮助团队理解新技术的 W3C 标准文档库和正在进行中的实验项目等。目前 Alice 团队的主要职责是提供 CSS 和 HTML 方面的技术支持和解决方案开发。Alice的源码基于MIT License许可发布在Github中，源码组成：base.css文件：Alice 的基础，所有样式均基于它solutions文件夹：浏览器兼容解决方案plugins文件夹：浏览器兼容解决...未完，继续阅读→
关键字：alice CSS 支付宝 web Web前端

(Firefox 5 )开发者的那些事

发布时间：2012/1/1 12:40:41 阅读(7351)条评论(0)条

Firefox 5已经发布了，这里翻译一篇来自Mozilla Hacks上的一篇文章来跟大家分享一下Firefox 5中开发者获得的新武器，:)======CSS3 动画CSS动画（看这篇文档）提供了使用CSS来制作动画效果的能力。跟CSS移位效果一样，使用CSS动画可以非常高效平滑的展现效果（看大牛David Baron的文章），开发者拥有对keyframes有更好的控制力，从而制作出更加复杂的动画效果。需要注意的变化开发者可以把Image作为参数传递给 createImageData 来获取图片的大小数据；在后台标签中，setTimeout 和 setInterval 每秒钟只能执行一次回调函数，这符合 r...未完，继续阅读→
关键字：Firefox 5 CSS3动画 Canvas

css解决ie6下不兼容position:fixed

发布时间：2011/10/6 20:31:10 阅读(6954)条评论(0)条

在IE6中是不能直接使用 position:fixed; 。需要一些 CSS Hack 来解决它。当然，IE6 的问题也不仅仅 position:fixed; 下例让 <div id=”top”>…</div> 元素固定在浏览器的底部和距离右边的20个像素： #top{ position:fixed;_position: absolute;bottom:0; right:5%; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle...未完，继续阅读→
关键字：css解决ie6 fixed CSS Hack

CSS边框特效

发布时间：2011/10/6 11:36:26 阅读(7319)条评论(0)条

这段代码适合给CSS新手朋友看，有助于理解CSS中margin属性的应用，这种实现效果实际上是给内层的a标签设置border属性，然后在外层包围的A标签同样设置一个border边框属性，指向a时将其width:设置成本来宽度-去边框宽度,margin设置负值并将为(-)边框宽度，比较简单的效果(呵对于高手来说)。你可以自己写个先。我摸索了好久才做出来的！菜鸟,见笑了。关键是margin的负值跟A:hover运用效果图如：好了贴代码了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/...未完，继续阅读→
关键字：css 特效边框 margin

12条保持HTML代码整洁的原则

发布时间：2011/9/27 17:31:00 阅读(6514)条评论(0)条

良好的HTML代码是一个漂亮网站的基础。当我教别人CSS的时候, 我总是首先告诉他们: 良好的CSS只存在于良好的html标记基础上。这就好像一间房子需要一个坚固的地基一样，对不？整洁、语义化的HTML标记具有很多的优势，但却还是有很多网站使用着并不友好的标记写法。让我们来看一些写得并不友好的HTML标记, 并针对这些问题进行讨论，从而学习如何书写整洁规范的HTML标记。幸凡注: Chris Cyier在这里使用了两个文档来进行本文的代码说明: bad code 和 good code 。大家学习的时候请参考着这两个文件。 ...未完，继续阅读→
关键字：CSS HTML

100个非常强大的CSS菜单教程指南

发布时间：2011/9/24 10:34:59 阅读(9620)条评论(0)条

导航是网站很重要的一部分。它能够引导您的访问者是如何浏览您网站的主要领域，使他们更容易找到好的内容。今天，我们将想向您展示100个导航菜单教程;其中75个是水平CSS菜单教程和25个垂直CSS菜单教程。　　水平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　　　　View Tutorial Demo　　5. Create an Advanced CSS3 Menu – Version 2　　　　V...未完，继续阅读→
关键字：css菜单教程导航

15个漂亮的单页的CSS网站设计

发布时间：2011/9/24 10:17:17 阅读(7642)条评论(0)条

单页网站，就意味着网站的所有内容都在一个页面中显示。下面收集了 15 个拥有优秀 CSS 设计的最漂亮单页网站设计。　　1. El Palomar　　预览　　2. On Safari Lottery　　预览　　3. Pixel Vixen　　预览　　4. Desyn　　预览　　5. Kult CMS　　预览　　6. Nevpix　　预览　　7. Glauber Dorotheu　　预览　　8. Baby Shower　　预览　　9. Logo Time　　预览　　10. Julien Pons　　预览　　11. Schlusen　　预览　　12. The J　　预览　　13. Craig Jamieson　　预览　　14. ProfiGrafik　　预览　　15. Killer Beach　　预览...未完，继续阅读→
关键字：网页设计优秀单页的css网站

推荐的CSS 规范书写顺序

发布时间：2011/9/22 20:40:23 阅读(6768)条评论(0)条

这里推荐先写显示属性，再写自身属性，再写文字属性；并不代表非得按这个顺序写，但这种写法可以使css结构更清晰易读，修改起来比较方便。而且在团队项目中能更好地提高效率。//显示属性displaylist-stylepositionfloatclear//自身属性widthheightmarginpaddingborderbackground//文本属性colorfonttext-decorationtext-alignvertical-alignwhite-spaceother textcontent未完，继续阅读→
关键字：css 命名规范

IE6左右边框断线现象

发布时间：2011/9/14 14:54:39 阅读(6974)条评论(0)条

今天在工作中碰到一个很奇怪的问题，在测试兼容性的时候，出现了在IE6下面拖动滚动条，两边边框的线会出现断开的现象，很是奇怪。查阅了网上资料终于了解明白：1.左右边框断线现象条件：容器内有两个浮动，并用CLEAR清除浮动，父元素中没有定义高度宽度。症状：在ie下拖动滚动条时最外层的border会消失, 情况如下今天在工作中碰到一个很奇怪的问题，在测试兼容性的时候，出现了在IE6下面拖动滚动条，两边边框的线会出现断开的现象，很是奇怪。查阅了网上资料终于了解明白：1.左右边框断线现象条件：容器内有两个浮动，并用CLEAR清...未完，继续阅读→
关键字：ie6边框断线 css兼容性

IE8以下的CSS hack

发布时间：2011/9/6 10:59:59 阅读(8627)条评论(0)条

IE8以下的CSS hack E8正式版出来有一段日子了，但是针对ie8正式版的CSS hack却很少，其实这是值得庆幸的，因为ie8修复了很多IE6和IE7的一些BUG，更加接近W3C标准。针对IE8正式版的CSS hack目前可以找到的分为2种：第一种：”\9″：基本的写法:1..test { color/*\**/: blue\9 }这个IE6、IE7、IE8都能识别；但是IE8不能识别“*”和“_”的css hack；所以我们可以这样写hack：(转载1..header {width:300px;} /* 所有浏览器*/2..header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */3..header ...未完，继续阅读→
关键字：CSS hack ie8版本以下

疯狂的程序员将电脑上的一切搬到网页上

发布时间：2011/9/6 9:59:43 阅读(8317)条评论(0)条

疯狂的程序员将电脑上的一切搬到网页上操作系统模拟（OS Simulator）Web QQQ版的界面，看起来大体上是模拟Mac OS而不是Windows，不过那些桌面Widget又是Windows的展品。也算是取各家所长。使用他的唯一理由可能就是在没有QQ的电脑上用QQ吧Windows 95虽然界面简洁了一些，但是基本的功能都用了：上网，文件夹。特别的是还能扫雷。iPad Peek这个果然只是iPad的一览，只是模拟iPad的Safari来上网。不过键盘做的是有模有样的。iPad2这个看起来就更像是iPad了。时钟，上网，Notes都可以用，地图也是用的Google地图，当然了打开其他的应用程序，...未完，继续阅读→
关键字：HTML/CSS IT产品

当前第 7 页 / 共 9 页总共108条记录
678