2014年12月30日
IF IE
摘要： 1. 除IE外都可识别 2. 所有的IE可识别 3. 只有IE5.0可以识别 4. 仅IE5.0与IE5.5可以识别 5. IE5.0以及IE5.0以上版本都可以识别 6. 仅IE6可识别 7. IE6以及IE6以下版本可识别 8. IE6以及IE6以上版本可识别 9. 仅IE7可识... 阅读全文
posted @ 2014-12-30 11:02 lanyan 阅读(388) 评论(0) 推荐(0) 编辑
取消chrome浏览器下input和textarea的默认样式
摘要： 最近一个细节引起了我的注意，chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所以决定重置这些样式。看代码：取消chrome,Safria下input和... 阅读全文
posted @ 2014-12-30 11:00 lanyan 阅读(307) 评论(0) 推荐(0) 编辑
左右浮动边距为0，中间间隔一定
摘要： 很常见的一种布局：有容器A，里边排1~6，六个小层，每行3个实现：两侧的小层和容器的左右边缘对齐，中间间隔10像素，而这六个小层是循环的，都用同一个样式解决这个问题的关键因素是：1>.list 的宽度设置成需要的宽度，这里为320px,因为下面3个li的宽度和 中间间距一起是320px,可以加上ov... 阅读全文
posted @ 2014-12-30 10:58 lanyan 阅读(350) 评论(0) 推荐(0) 编辑
标题右边10px位置紧跟发布时间
摘要： 一个ul列表，拥有若干li，内容是新闻标题，标题右边10px位置紧跟发布时间，当标题过长需要控制标题width，需要兼容ie6，不能用max-widthh4{font-size:14px;height:27px;line-height:27px;padding-left:10px;border-bo... 阅读全文
posted @ 2014-12-30 10:56 lanyan 阅读(148) 评论(0) 推荐(0) 编辑
两款CSS3样式可视化在线生成工具
摘要： CSS3随着浏览器的升级已经被越来越广泛的运用，合理的运用CSS3可以使你的网站更加美观，并且之前只能用js才能实现的效果也已经可以直接用 CSS3来实现。但是虽然如此，很多浏览器对CSS3的支持还都是通过其私有属性来达到支持的，鲜有直接对W3C的标准来实现的。诸如firefox的 -moz-和we... 阅读全文
posted @ 2014-12-30 10:51 lanyan 阅读(852) 评论(0) 推荐(0) 编辑
文字截取，多余文字用省略号(...)代替
摘要： CSS方法：用css截取标题，更利于seo就是比如有一行文字，很长，表格内一行显示不下JavaScript实现文本过长自动省略一般情况下，如果要控制一段文字超出长度可以用CSS去控制下面我来介绍2种用js控制字符数长度显示的方法,其实这2个方法也是大同小异方法一:方法二:我们以下面的HTML代码为例... 阅读全文
posted @ 2014-12-30 10:49 lanyan 阅读(908) 评论(0) 推荐(0) 编辑
2014年12月29日
(转)CSS3 @font-face
摘要： @font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早在IE4就支持了... 阅读全文
posted @ 2014-12-29 17:24 lanyan 阅读(214) 评论(0) 推荐(0) 编辑
三角形变形记之纯css实现的分布导航条效果
摘要： 三角形变形记，用纯css实现的分布导航条效果 注册 登录 下单 付款一、border边框变形记：如果你要问这些是如何实现的呢？其实比较简单，只是平时大家很少关注罢了。我们习惯了用border定义边框，因为设计图的原因，大多是定义“1-5... 阅读全文
posted @ 2014-12-29 17:23 lanyan 阅读(697) 评论(0) 推荐(0) 编辑
css3应用之自定义选中文字的背景颜色
摘要： 在看很多的博客主题时候发现大多数都对选中文字的背景颜色做了相应的处理。其实这样是很符合用户体验的。因为有很多的人会用鼠标选择着一行一行的阅读。其中就包括本人。。。浏览器中默认的选中的文字颜色为白色，背景色为蓝色。我们如何自定义呢？效果参见本博客，选中文字后可以见到效果。本博客中用到的代码是body:... 阅读全文
posted @ 2014-12-29 17:20 lanyan 阅读(223) 评论(0) 推荐(0) 编辑
LESSCSS的几点摘要
摘要： 字符串插值变量可以用像@{name}这样的结构，以类似ruby和php的方式嵌入到字符串中：@base-url:"http://assets.fnord.com";background-image:url("@{base-url}/images/bg.png");调试我们在生成的CSS中带上一些额外... 阅读全文
posted @ 2014-12-29 16:30 lanyan 阅读(134) 评论(0) 推荐(0) 编辑