随笔分类 - css+div
摘要：相信很多喜欢研究网页界面的童鞋都遇到过一个奇妙的现象：网页中很多图片素材被合成在一张图片上。 起初小菜模仿网站的时候，经常遇到这个现象，那时候也不知道这时什么技术，人家的整张图片素材不会利用，只能用ps切图，切成单个的再用。。。 其实，这是一个非常简单的技术，就是因为想象的太难了，才一直找不到问题的...
阅读全文
摘要：1.ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了<meta http-equiv="x-ua-compatible" content="ie=7" />2.flaot浮动造成IE6下面双倍边距问题，这个最常见，也最好处理，!important解决，比如margin-left:10px !important;/*IE7,IE8,FF下是10PX*/;margin-left:5px;/*IE6下属性写的是5PX，但在显示出来的是10px3.清除块display，这个可
阅读全文
摘要：我们都知道ie6是不支持focus这个伪类的，我倒是没有注意ie7今天我测试了一下好像ie7也是不支持的。当然并不是ie的所有版本都不支持，ie8是支持的！大家都见到过就是就是当你的鼠标光标聚焦到一个输入框的时候，输入框的边框颜色有所改变。这个效果就是用伪类:focus实现的。但是由于ie6和ie7的不支持所以这个属性很少被使用，他的作用主要是增加用户体验。那么今天我们就来讲解怎么用jquery是ie6和ie7也支持它。还是像往常一样我给出运行的例子，因为我感觉光说别人是不一定能够理解的，但是你要是给他看活生生的例子就不同了。<!DOCTYPE html PUBLIC "-//
阅读全文
摘要：1. CSS方式 在IE下是使用html属性：hideFoucs，在HTML标签中加上hidefocus=”true” 属性即可，但这个属性是IE私有的，Firefox是不认的。 <a href="#" hidefocus="true" title="加了hidefocus" >加了hidefocus属性</a> IE中用CSS处理的方式为： a{noOutline:expression(this.onFocus=this.blur());}/* "onFocus" 注意大小写*/ Fire
阅读全文
摘要：一、CSS框架框架目的：给出一个相对规范的开发方法，给出一些具体的可以操作流程内容，按照框架的思路来方便灵活的完成一个css设计。规划了样式应用的代码组织模式，进行页面布局的一种灵活的组合方式。目前CSS框架：国内比较出名好像是YUI。BlueprintYAML :: Yet Another Multicolumn LayoutYahoo UI GridsElements CSS Framework 二、框架的应用CSS能形成框架应用主要是归功于样式选择器的层叠和继承。CSS的选择器有：类型选择器，后代选择器，ID选择器，类选择器，高级选择器（属性选择器，子选择器，相邻选择器。浏览器支持不一）
阅读全文
摘要：把匹配的checkbox和文字用一对span标签包裹并且给这个span标签加样式 display:inline-block<span style="display:inline-block"> <input id="Checkbox1" type="checkbox" value="1"/>文字1</span><span style="display:inline-block"> <input id="Checkbox2"
阅读全文
摘要：在网页里加form的时候默认会上下的两块空白，用下面的办法解决它：法一：设置CSS对象的margin属性为0： <div style="border:1px solid #000">第一行<form style="margin:0px"></form>第二行</div>方法二：把块元素设置为行内元素： <div style="border:1px solid #000">第一行<form style="display:inline"></
阅读全文
摘要：okk问题出在 a:link,a:visited,a:hover 的顺序.
阅读全文
摘要：我这个不知道什么时候从国外网站上淘过来的，很好用，支持W3C，可以用div+css来实现的东东。 点击下载此文件他的JS如下： 程序代码： [ 复制代码到剪贴板 ] function hasSupport() { if (typeof hasSupport.support != "undefined") return hasSupport.support; ...
阅读全文