相关搜索 >> css

  • 0613响应式 Web 设计必备的 12 款 CSS 框架阅读(7451)条2012/6/13 10:34:46

    目前接入互联网中的设备的多样性,催生了新的 Web 布局设计方式——响应式设计。响应式设计的理念是,页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调 整。这样开发者就无需针对每种设备及分辨率分别创建独立的布局。        本文整理 12 款针对响应式布局设计的 CSS 框架,可以使你的开发工作变得轻松,并节省你的时间和成本。  ...阅读全文

    Taget:CSS 响应式 布局 HTML5 

  • 0101支付宝前端样式解决方案Alice开源 阅读(6566)条2012/1/1 13:38:37

    经过1年的探索,新的样式方案Alice已经于2011年12月15日开始在支付宝大大小小的项目中部署,今天,官方开源了这个样式方案。Alice 是支付宝前端样式解决方案小组的项目代称,其包括构建样式库的样式库解决方案、帮助团队理解新技术的 W3C 标准文档库和正在进行中的实验项目等。目前 Alice 团队的主要职责是提供 CSS 和 HTML 方面的技术支持和解决方案开发。Alice的源码基于MIT License许可发布在Github中,源码组成:base.css文件:Alice 的基...阅读全文

    Taget:alice  CSS  支付宝 web Web前端 

  • 0101(Firefox 5 )开发者的那些事阅读(7096)条2012/1/1 12:40:41

    Firefox 5已经发布了,这里翻译一篇来自Mozilla Hacks上的一篇文章来跟大家分享一下Firefox 5中开发者获得的新武器,:)======CSS3 动画CSS动画(看这篇文档)提供了使用CSS来制作动画效果的能力。跟CSS移位效果一样,使用CSS动画可以非常高效平滑的展现效果(看大牛David Baron的文章),开发者拥有对keyframes有更好的控制力,从而制作出更加复杂的动画效果。需要注意的变化开发者可以把Image作为参数传递给 createImageData 来获取图片的大小...阅读全文

    Taget:Firefox 5 CSS3动画 Canvas 

  • 1006css解决ie6下不兼容position:fixed 阅读(6740)条2011/10/6 20:31:10

    在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+doc...阅读全文

    Taget:css解决ie6 fixed CSS Hack 

  • 1006CSS边框特效阅读(7068)条2011/10/6 11:36:26

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

    Taget:css 特效 边框 margin 

  • 092712条保持HTML代码整洁的原则阅读(6285)条2011/9/27 17:31:00

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

    Taget:CSS  HTML 

  • 0924100个非常强大的CSS菜单教程指南阅读(9269)条2011/9/24 10:34:59

    导航是网站很重要的一部分。它能够引导您的访问者是如何浏览您网站的主要领域,使他们更容易找到好的内容。今天,我们将想向您展示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 C...阅读全文

    Taget:css菜单 教程 导航 

  • 092415个漂亮的单页的CSS网站设计阅读(7405)条2011/9/24 10:17:17

      单页网站,就意味着网站的所有内容都在一个页面中显示。下面收集了 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. Profi...阅读全文

    Taget:网页设计 优秀 单页的css网站 

  • 0922推荐的CSS 规范书写顺序阅读(6551)条2011/9/22 20:40:23

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

    Taget:css 命名  规范 

  • 0914IE6左右边框断线现象阅读(6728)条2011/9/14 14:54:39

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

    Taget:ie6边框 断线 css兼容性 

  • 0906IE8以下的CSS hack阅读(8378)条2011/9/6 10:59:59

    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;} /*...阅读全文

    Taget:CSS hack ie8版本以下 

  • 0906疯狂的程序员将电脑上的一切搬到网页上阅读(8089)条2011/9/6 9:59:43

    疯狂的程序员将电脑上的一切搬到网页上操作系统模拟(OS Simulator)Web QQQ版的界面,看起来大体上是模拟Mac OS而不是Windows,不过那些桌面Widget又是Windows的展品。也算是取各家所长。使用他的唯一理由可能就是在没有QQ的电脑上用QQ吧Windows 95虽然界面简洁了一些,但是基本的功能都用了:上网,文件夹。特别的是还能扫雷。iPad Peek这个果然只是iPad的一览,只是模拟iPad的Safari来上网。不过键盘做的是有模有样的。iPad2这个看起来就更像是...阅读全文

    Taget:HTML/CSS  IT产品 

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

23456789