随笔分类 -  CSS

1 2 下一页
20个实用便捷的CSS3工具、库及实例
摘要：20个实用便捷的CSS3工具、库及实例http://www.cnblogs.com/wpbars/p/4011305.html 阅读全文
posted @ 2014-11-25 14:26 damonvip 阅读(130) 评论(0) 推荐(0)
font-size:100%有什么作用
摘要：h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} input,select,textarea,samp {font-size:100%;} 看到一些css重设,请问设置font-size:100%的目的和作用是什么? -------... 阅读全文
posted @ 2014-11-25 14:22 damonvip 阅读(832) 评论(0) 推荐(0)
【精品推荐】web开发人员应该知道的31个jQuery模态对话框
摘要：在网站开发中经常会用到模态窗口，如果直接利用javascirpt的window.showModalDialog()打开一个模式窗口，虽然实现了模式窗口的功能，但十分的不好看。当我们遇到这样的需求时很多人会从网上寻找这些jQuery的模态对话框，有时候搜索了很多，但都不是很合适，那为什么人们喜欢模态窗... 阅读全文
posted @ 2014-11-25 13:46 damonvip 阅读(260) 评论(0) 推荐(0)
免费css3技巧：时间线, Nexus 7, 滑动和菜单.
摘要：1.使用css3和jQuery的作品时间线非常感谢tutorizlzine，在这篇教程中，我们可以看到一个由jQuery插件展示的作品事件的时间线。你可以添加很多种媒体类型，包括文章、视屏和地图等In this great tutorial thanks toTutorialzine we look... 阅读全文
posted @ 2014-11-25 13:37 damonvip 阅读(207) 评论(0) 推荐(0)
CSS3前缀自动补全方案和插件
摘要：css3给人最闹心的莫过于各个浏览器的前缀了，然后随着各个浏览器的给力升级，有些前缀已经默默的去掉了，我们还是写那么一大堆。下面介绍几个工具，来帮下我们。第一个是prefix free，这是一个js文件，大小2kb，导入之后你根本都无须考虑前缀问题，直接写不需要任何浏览器的前缀；第二个是css3 p... 阅读全文
posted @ 2014-11-25 13:36 damonvip 阅读(588) 评论(0) 推荐(0)
Modernizr.js:为HTML5和CSS3而生！
摘要：modernizr这个js，在国外的主题里面很多地方都看到，就只记得是为HTML补充的，有点类似与responsive.js一样。今天搜索到这篇文章，深入的讲解了modernizr.js是为检测浏览器的CSS3和HTML5的属性而生，从而通过CSS来解决兼容性问题。个人觉得这种做法明显增加了CSS代... 阅读全文
posted @ 2014-11-25 13:35 damonvip 阅读(207) 评论(0) 推荐(0)
超赞的CSS3动画下拉菜单
摘要：今天分享几个最近看到的比较实用的CSS3带动画的下拉菜单效果，实现出来的效果跟使用jQuery的slideDown和fadeIn有得一比，效果非常赞，本人推荐各位以后可以使用下面的几种效果，一定会给你的前端开发带来不少亮点的。如果需要更多效果可以看之前的文章：CSS3下拉菜单模板上面的这个下拉菜单就... 阅读全文
posted @ 2014-11-25 13:34 damonvip 阅读(1472) 评论(0) 推荐(0)
CSS3下拉菜单模板下载
摘要：HTML5和 CSS3 目前是属于比较流行的趋势，所以，有研空或者做前端的同学可以下载下来看下，今天收集分享：48个免费的HTML5和CSS3下拉菜单模板下载，希望其中有你喜欢和需要的，或者可以给你带来灵感的。Dark Menu: Pure CSS3 Two Level Menu(Demo|Down... 阅读全文
posted @ 2014-11-25 13:33 damonvip 阅读(364) 评论(0) 推荐(0)
最好的前端开发资源推荐
摘要：很早的一篇前端开发资源，今天才看到，里面有各种各样的开源资源，包括HTML5、CSS3、jQuery、PHP和JavaScript库等，每个资源都是比较热门的，你可以将它运用到你的项目中，或者可以纯粹的拿来学习，从各位前端大神的作品中成长。这个前端开发资源类似于一个目录，大部分也许你都看过，也许也有... 阅读全文
posted @ 2014-11-25 13:31 damonvip 阅读(228) 评论(0) 推荐(0)
移动端资源集锦
摘要：前端开发很多知识不学习就落后了，尤其是移动端发展更是迅速，随着市场的逐步扩大和相关技术的日趋完善，各种问题和解决方案也层出不穷。当然最主要的还是CSS3和HTML5的知识，Javascript的内容也越来越丰富，有nodejs等。下面推荐一些收集移动端的知识精华。1. 知识集合99移动端知识集合：h... 阅读全文
posted @ 2014-11-25 13:30 damonvip 阅读(157) 评论(0) 推荐(0)
css常用代码大全
摘要：css常见的快捷开发代码汇总（长期更新），包括CSS3代码，有一些css效果很顽固，经常会一时找不出解决方案，网络上也有很多的工具和高手提供了具体的浏览器兼容代码，这个页面我今后会经常整理，希望能够帮到重构和正在找这些效果的代码，如果你有更好的实现方案，不妨告诉我，或者你有解决不了的，也不妨告诉我。... 阅读全文
posted @ 2014-11-25 13:28 damonvip 阅读(2454) 评论(0) 推荐(0)
浮动层固定兼容IE6 position:fixed的最佳解决方案
摘要：第一种：css方法有时候当我们需要把一个元素固定在页面的某个部位，一般都是用css中的“position:fixed;”方法来解决，但是IE6不支持fixed，所以今天分享一个兼容IE6的页面底部固定层CSS代码。如下：.bottom{bottom:0;position:fixed;height:2... 阅读全文
posted @ 2014-11-25 13:27 damonvip 阅读(220) 评论(0) 推荐(0)
margin负值的应用
摘要：CSS盒模型中，margin是我们老熟悉的一个属性了， 它的负值你用过吗？ 你知道margin负值的秘密武器吗？我们一起看看吧！带竖线分隔的横向列表传统的分隔符是使用 “|” 来实现的，弊端显而易见，不利于表现与结构的分离，同时增加了后台输出时的判断工作。所以我们采用border-left 左边框来... 阅读全文
posted @ 2014-11-25 13:26 damonvip 阅读(194) 评论(0) 推荐(0)
css书写顺序和常用命名推荐
摘要：写代码的时候有一个好的规范和顺序能够帮你节省很多时间。下文将推荐相关CSS书写顺序和规范的一些方法。这个文档将会整理进前端规范文档中，如果你有更好的意见，不妨留言告知我们。CSS书写顺序该代码来自于互联网，最初好像是Mozilla的网站上。 1. Display & Flow(显示与流) 2. Po... 阅读全文
posted @ 2014-11-25 13:25 damonvip 阅读(203) 评论(0) 推荐(0)
CSS Hack代码与浏览兼容总结
摘要：关于CSSHack的东西能少尽量少吧。发现这篇文章我写得太复杂了，所以重新精简了一下，把代码粘贴到jsfiddle上，方面修改代码和维护。1, IE条件注释法，微软官方推荐的hack方式。只在IE下生效这段文字只在IE浏览器上显示只在IE6下生效这段文字只在IE6浏览器上显示只在IE6以上版本生效这... 阅读全文
posted @ 2014-11-25 13:24 damonvip 阅读(230) 评论(0) 推荐(0)
高效css选择符
摘要：关于前端性能一说，绝大多数的人都知道JS优化，DOM优化，但是你有没有考虑过CSS选择符优化？殊不知这个用来美化前端页面的东西也是一个性能的关键。而且往往我们都是背道而驰，借助前人铺垫好的道路我们来补习一下。首 先，对于CSS的性能有一些最佳的实践，1.把样式表放在HEAD标签中以提升页面的逐步渲染... 阅读全文
posted @ 2014-11-25 13:21 damonvip 阅读(250) 评论(0) 推荐(0)
高级css选择器
摘要：以前由于考虑到IE6等浏览器的兼容属性，常常对于高级的css选择符不感兴趣，最近开始，发现前端方面的IE6其实已经逐渐的消失了，学会用css3的高级选择器，可以起到事半功倍的效果，所以以后将会加强这方面的学习和积累一些经验，今天重温以前被人用过的很多选择器，当然有一些也许你还不知道，没关系，从现在开... 阅读全文
posted @ 2014-11-25 13:20 damonvip 阅读(161) 评论(0) 推荐(0)
css透明背景兼容方案
摘要：css透明是一个技术活，因为这里面涉及到了IE8及以下版本不兼容opacity这个css3属性，而filter:alpha(opacity=80)这个值则是不兼容IE6.网上比较流行的透明css是这样子写的。.transparent_class {/* IE 5-7 */filter: alpha(... 阅读全文
posted @ 2014-11-25 13:19 damonvip 阅读(465) 评论(0) 推荐(0)
sass、less和stylus的安装使用和入门实践
摘要：刚开始的时候，说实话，我很反感使用css预处理器这种新玩意的，因为其中涉及到了编程的东西，私以为很复杂，而且考虑到项目不是一天能够完成的，也很少是一个人完成的，对于这种团队的项目开发，前端实践用css预处理器来合作，是一种很痛苦，即使不痛苦那也是需要花费非常多的时间来协调合作上的。对于预处理器的态度... 阅读全文
posted @ 2014-11-25 13:18 damonvip 阅读(285) 评论(0) 推荐(0)
CSS LINT,优化你的CSS样式表
摘要：CSSLint 能线上分析并检测你的网站 CSS 样式表有无任何潜在问题，使用方法很简单，只需要把 CSS 内容复制贴上，最后按下 LINT！按钮就可以检查。底下有一些设定项目可以调整检测的项目和规则，预设是全部勾取，如果没有特别的需求可以不用更动，完成之后 CSS Lint 会告诉使用者该样式表哪... 阅读全文
posted @ 2014-11-25 13:17 damonvip 阅读(306) 评论(0) 推荐(0)

1 2 下一页