摘要：
最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。在很多网站涉及到表单的页面中，都存在这种表单元素与提示文字无法对齐的问题。于是打算研究一下这个问题。首先，搜索到了蓝色上wheatlee前辈的文章《大家都对vertical-align的各说各话》。wheatlee在他的文章中关于垂直居中提到了这样几个关键点：1、vertical-align:midd 阅读全文
摘要：
最近发现在做打印时，需要去除打印页面的“页头”和“页眉”，在网上搜了下，结果搜出了一大堆都是用IE的控件，尝试了多种方法，还是觉得IE的WebBrowser控件好用，而且相对客户来说简单明了，但是他总是会跳出，我刚刚尝试了，不管你是选择“是”或者“否”，在IE的浏览器下都能做到去除“页眉”和“页脚”，这个窗口的跳出给用户体验很不好，不知道你们的会不会，握在QQ邮箱里打印发现在IE下，居然不会弹出，究竟是如何屏蔽掉的呢，正在查找答案中。。。。。。。。会的同学发送709556550@qq.com但是用IEIE WebBrowser控件在火狐下是现实不了，在“猎豹”中能完美的清除，但是在“360急速 阅读全文
摘要：
JQery打印插件PrintArea实现网页打印：第一步：jquery.PrintArea.js下载js引用1 <script language="javascript" src="jquery-1.7.1.min.js"></script> 2 <script type="text/javascript" src="jquery.PrintArea.js"></script>html引用：1 <div class="my_show"> 阅读全文
摘要：
这篇是我的第一篇菜鸟笔记，希望大家能多多支持，共创互联网精彩。wed的打印方法具我自己懂得知道的有J：1JQuery插件Jqprint实现 2 JQery打印插件PrintArea实现网页打印 3 CSS控制网页打印样式JQuery插件Jqprint实现： 首先要导入js文件： jquery.jqprint.js下载1 <script language="javascript" src="jquery-1.7.1.min.js"></script>2 <script language="java... 阅读全文
摘要：
居中效果在CSS中很是普通的效果，平时大家所看到的居中效果主要分为三大类：水平居中、垂直居中和水平垂直居中。而其中水平居中相对于后两者来说要简单得多。早期总结了一下互联网上有关于水平垂直居中的几种实现方案，比如说《CSS制作水平垂直居中对齐》中介绍了八中实现水平垂直的方案，而在《CSS制作图片水平垂直居中》一文介绍了四种实现图片垂直居中的方案，并且在《CSS3实现水平垂直居中》使用了css3的flexbox的属性轻松实现多行文本水平垂直居中的方法。当然大家有可能认为这些方法对于浏览嘎嘎的兼容性处理太烦了，也有人使用jQuery的方法实现水平垂直居中效果，比如在《jQuery制作元素在屏幕中水平 阅读全文
摘要：
.test{vertical-align:-2px;}我的理解为，元素相对于基线向下偏移两像素，这个常常用来修复单选框/复选框与12像素文字大小不对齐的问题。 阅读全文
摘要：
标准参考根据 W3C CSS2.1 规范中的描述，position:fixed 固定定位是绝对定位的子类。与绝对定位不同的是，固定定位的包含块由视口（viewport）创建的。'position' 特性的 fixed 值允许一个元素绝对的相对于浏览器窗口定位。关于 'position:fixed' 的详细信息，请参考 CSS 2.1 规范 9.6.1 Fixed positioning 中的内容。在 CSS 1 版中，没有 position 定位特性，仅支持 CSS 1 的浏览器将不会拥有人和定位效果。问题描述IE6 IE7(Q) IE8(Q) 不支持固定定位（ 阅读全文
摘要：
在前端开发中经常用line-height定义行高和单行文本的垂直居中，当然偶尔也配合的做其他的垂直居中。 先来看看基本的语法和属性值：语法：line-height : normal | number | length | %参数：normal 默认。设置合理的行间距。 number 设置数字，此数字会与当前的字体尺寸相乘来设置行间距。 length 设置固定的行间距。 % 基于当前字体尺寸的百分比行间距。说明：检索或设置对象的行高。即字体最底端与字体内部顶端之间的距离。 如行内包含多个对象，则应用最大行高。此时行高不可为负值。 对应的脚本特性为lineHeight。—————————————— 阅读全文
摘要：
.clearfix:before, .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after {clear: both;} .clearfix {zoom: 1;} /* IE < 8 */其实只使用clearfix:after就可以达到清除浮动的效果，但只使用clearfix:after时在跨浏览器兼容问题会存在一个垂直边距叠加的bug，具体造成这种原因，大家可以浏览Thierry Koblentz写得《Every... 阅读全文
摘要：
这两天看了个负margin的东西，觉得自己很多想不通，下面是一个通过别人的例子，当做自己的笔记，够懒得。结构如下：<div style="width:500px; margin:0 auto; border:solid 1px #f3f4ec;"> <div style="width:100%; height:40px; background-color:#eaf691; float:left;"></div> <div style="width:100px; height:30px; float:le 阅读全文
摘要：
首先我们来看一个代码：<div id=”layer1″ style=”margin:20px; border:1px solid #F88; width:400px; “> <div id=”layer2″ style=”position:absolute; background-color:#ccc;”>Absolute (layer2)</div> <div id=”layer3″ style=”margin:30px auto; width:200px; height:80px; background-color:#36F;”>Normal 阅读全文
摘要：
IE实现页面背景渐变（FF及chrome不支持）从上到下：body{filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);}左上至右下：FILTER: Alpha( style=1,opacity=25,finishOpacity=100,startX=50,finishX= 100,startY=50,finishY=100); background-color: skyblue;}从左至右body{FILTER: progid: 阅读全文