摘要: css知识link和@important引入css的区别一link和@important引入css的区别二css选择器权重(中文版)css选择器权重(英文版)css counters(英文版)CSS content, counter-increment 和 counter-reset详解(中文版)css技巧九种图片替换文字方法详细介绍(中文版)十种图片替换文本CSS方法(英文版)Sitemap CelebrationCSS目录菜单设计用CSS Sprites技术实现日期显示五种方法让CSS实现垂直居中使用CSS实现文本渐变效果解决中文版Chrome下不能显示小于12px的字体Blurry Ba 阅读全文
posted @ 2013-03-13 10:12 人名树影/renmingshuying 阅读(184) 评论(0) 推荐(0) 编辑
摘要: 偷懒省事有工具啊w3c html验证css验证yahoo在线压缩图片占位图片在线生成获取分享按钮浏览器兼容性测试html转成string在线制作表单在线生存按钮配色方案1配色方案2颜色库html生成css选择器效率测试css常见布局在线压缩,格式化css在线压缩js常用js库获取jquery选择器测试网格布局生成器table生成器px,em互相转换hack速查表火狐插件FirebugWeb DeveloperCSS ReloaderXmarksPearl Crescent Page SaverYslow火狐插件直接在火狐插件里面搜素就可以了,不用提供地址了。前面两个就不用说了,css relo 阅读全文
posted @ 2013-03-13 09:57 人名树影/renmingshuying 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 两种需求(图一、日期紧跟在标题后的新闻列表)(图二、日期整齐排列在右侧的新闻列表)图一的那种效果就不用说了,我们现在主要对图二的效果提供几种不同解决方案第一种方法:传统方法,右浮动,先日期后标题Html Code<li><span>2010-07-30</span><a href="#">css基础-基本知识点梳理</a></li>然后就是设置日期span向右浮动,这种方法相信大家都会,就不用多说了。当然也有初学者把span写在a标签后面然后设置float为right,在这种情况下如果不设置标题a向左浮 阅读全文
posted @ 2013-03-13 09:36 人名树影/renmingshuying 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 核心css代码firefox从7.0开始兼容text-overflow:ellipsis;这样的话,以后单行的省略号就可以不借助后台程序或者js来做到浏览器兼容了,其核心代码为:selector{ -o-text-overflow: ellipsis;/*兼容opera*/ text-overflow: ellipsis;/*这就是省略号喽*/ overflow: hidden;/*设置超过的隐藏*/ white-space: nowrap;/*设置不折行*/ width:200px;/*设置宽度*/}demo 1 宽度为350pxLorem ipsum dolor sit amet,... 阅读全文
posted @ 2013-03-13 09:33 人名树影/renmingshuying 阅读(199) 评论(0) 推荐(0) 编辑
摘要: 两种情况清除浮动包括清除子元素的浮动和清除上级元素的浮动,其中清除上级元素的浮动,只需设置clear为both就可以了,而清除子元素的浮动则可以用空标签法、clearfix方法或overflow方法。因清除上级元素的浮动比较简单,而空标签法清除子元素浮动会增加额外标签,所以在这里主要说clearfix方法、overflow方法及偶然发现的inline-block方法。为什么要清除浮动一个块级元素的高度如果没有设置height,那么其高度就是由里面的子元素来撑开的,如果子元素使用浮动,脱离了标准的文档流,那么父元素的高度会将其忽略,你可以使用firebug查看下如果不清除浮动,父元素会出现高度不 阅读全文
posted @ 2013-03-13 09:30 人名树影/renmingshuying 阅读(194) 评论(0) 推荐(0) 编辑
摘要: SliderShow效果在国内大多数前端人员喜欢称之为幻灯片效果,不过用“slidershow”这个词搜索相关资料会比使用中文来得方便一些,而且这个效果现在在各种类型网站上都均能看见,可是有很多初学者,或者不懂javasrcipt的同学,要制作这种效果还是非常的困难。这些天趁着做策划案的需求,搜寻了一些这方面的案例与教程,并且统一了一下。仔细一看各种类型效果还真不少,我这里收集了近70种不同类型的效果,当然这些效果并不能满足用户千奇百怪的需求,但希望这些教程与案例能帮助您找到创意,或者在这些基础上做出一定的修改。最主要的是能帮您解决工作之需。下面我们一起来看看这些效果吧:1、Beautiful 阅读全文
posted @ 2013-03-13 09:09 人名树影/renmingshuying 阅读(420) 评论(0) 推荐(1) 编辑
小米在线