css - 文章分类 - 麦飞

9 Most Common IE Bugs and How to Fix Them

摘要：http://net.tutsplus.com/tutorials/html-css-techniques/9-most-common-ie-bugs-and-how-to-fix-them/ 阅读全文

posted @ 2012-07-11 16:00 麦飞阅读(169) 评论(0) 推荐(0)

摘要：在某些特定的场合，在没有知道宽度的情况下却要求水平居中，今找到些解决方法，现转过来一起学习学习方案一、利用浮动的包裹性和相对定位百分比数据值特性,传说称之为“相对浮动”.unknow_width_center1{position:relative;left:50%;float:left;}.unknow_width_center1 li{position:relative;right:50%;z-index:2;float:left}<ulclass="unknow_width_center1"><li><a href="#" 阅读全文

posted @ 2012-06-28 11:41 麦飞阅读(3333) 评论(0) 推荐(1)

IE6,IE7,IE8css bug大集合

摘要：概述IE浏览器以不支持大量的css属性出名，同时也因其支持的css属性中存在大量bug。本页列举了IE下的一些问题，实例样本和一些我们已知的解决方法。尽管我已经尽力按照它们本来的性质对它们进行分类，仍有许多bug可以分在好几个部分之下，这种情况下，我将会将此bug分在普通bug这一部分。统计目前为止。本站点包含46个”普通bug”教程，5个”haslayout bug”教程，6个”不支持的方法”教程，一个“冲突bug”教程。总共58个教程，70个解决方法。最近的教程发布于2009年8月19日 15:38:47 星期三站点包含44个IE6 bug，28个IE7 bug以及19个IE8 bug。注阅读全文

posted @ 2012-06-26 14:29 麦飞阅读(6471) 评论(0) 推荐(1)

CSS圆角

摘要：http://blog.imbolo.com/creating-rounded-corners-with-css/ 阅读全文

posted @ 2012-06-14 10:54 麦飞阅读(175) 评论(0) 推荐(0)

CSS定位机制：普通流

摘要：http://www.swordair.com/blog/2010/08/415/ 阅读全文

posted @ 2012-05-15 16:15 麦飞阅读(161) 评论(0) 推荐(0)

区别不同浏览器，CSS hack写法

摘要：区别不同浏览器，CSS hack写法：区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green!important;background:blue; 区别IE7与FF： background:orange;*background:green; 区别FF，IE7，IE6： background:ora... 阅读全文

posted @ 2009-12-21 11:46 麦飞阅读(188) 评论(0) 推荐(0)

font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;网页设计中的默认字体

摘要：网页设计中的默认字体为font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif; 理由如下： font-size采用px, 不采用em. 理由是em带来的可用性提升很有限，同时基于em很难保证视觉设计的精确性，并且现在主流浏览器都支持“全页面缩放（Full Page Zoom）”功能，是时候不用考虑基于字体大小（em）的设计了。... 阅读全文

posted @ 2009-12-21 10:25 麦飞阅读(1186) 评论(0) 推荐(0)

[转贴]IE6出现BUG的十种常见解决方法

摘要：IE8都发布了，而且也很好用，但是从市场占有率分析还是有N多人喜欢用可恶的IE6，所以不得以，我们还是得在各个版本的IE以及非IE的浏览器之间继续折腾，如果你遇到了IE6的奇怪问题，请参考以下的解决办法：原文:http://hi.baidu.com/wely_ton/blog/item/3903a1394602cccad56225ed.html 以下介绍的十种解决方法是针对IE6经常会出现的DI... 阅读全文

posted @ 2009-06-15 11:29 麦飞阅读(377) 评论(1) 推荐(0)

精选15个国外CSS框架

摘要：下面一起来了解一下各种不同的CSS框架吧: 1.960 Grid System 960网格系统是一个通过提供通常使用的尺寸简化网站开发流程的努力的结果，基于960像素的页面宽度。它有两种类型，12和16列，他们可以独立使用或是协同使用。 2.WYMstyle CSS Framework 这个项目的目的是提供一组经过良好测试的模块化的CSS文件，能够用于网站的快速设计。WYMstyle是一组C... 阅读全文

posted @ 2009-06-15 10:38 麦飞阅读(238) 评论(0) 推荐(0)

css的长度换算

摘要：1in = 2.54cm = 25.4 mm = 72pt = 6pc ；PX to EM: Example: 12px / 16px = .75emPX to %: Example: 12px / 16px * 100 = 75%PX to PT: Example: 16px * 72 (72 points = 1 inch) / 96 (96 pixels per inch in Window... 阅读全文

posted @ 2009-06-12 10:38 麦飞阅读(284) 评论(0) 推荐(0)

css 长度单位参考

摘要：在CSS样式表中，我们经常会看到pt， px，em，ex，in等这类长度单位。它们各是什么意思，有什么区别呢？或其它CSS属性大小时，用什么样的CSS长度单位更加好。在CSS样式表中，长度单位分两种：相对长度单位，如px, em等绝对长度单位，如pt,mm等也谈px和pt的区别经常看到有人拿px和pt比较，主要是为了争辩在确定字体大小(font-size)或其它CSS属性大小时，用什么... 阅读全文

posted @ 2009-06-11 11:57 麦飞阅读(318) 评论(0) 推荐(0)

pt, px, DPI: 关于长度单位的误解

摘要：在印刷排版中，“point”是一个绝对的单位，它等于 1/72 英寸，可以用尺子丈量的，物理的英寸。但在 CSS 中 pt 的含义却非如此，例如我们指定一个字体是 9pt，我们会以为按照 CSS 规范，它等于： 9 * 1/72 = 1/8 inch 这是一个误解，因为我们的显示器被分割为了一个个的像素，单个像素只能有一种颜色 (为了简化，这里暂不讨论次像素反锯齿技术)... 阅读全文

posted @ 2009-06-11 11:50 麦飞阅读(239) 评论(0) 推荐(0)

21个新奇漂亮的Ajax/CSS表格设计

摘要：当谈到表格数据的设计时，没有太多的网页设计师会有太大的兴趣。今天我们已经收集了20多个功能超大且看上去挺漂亮的Ajax/CSS表格设计，并且教你一些表格设计中所运用的技巧，例如表格数据的排序和过滤等。OK，让我们来看一下这些表格:1. TableclothTablecloth 由CSS Globe 开发，是一个轻巧易于使用的表格，简洁的将表格样式添加到你的HTML 表格元素中。2. Ask the... 阅读全文

posted @ 2009-06-10 14:21 麦飞阅读(527) 评论(0) 推荐(0)

浅议 Web 表单设计

摘要：原文：Web Application Form Design作者：Luke Wroblewski译者：JunChen WuWeb 应用程序总是利用表单来处理数据录入和配置，但并不是所有的表单都保持一致。输入区域的对齐方式，各自的标签（label），操作方式，以及周围的视觉元素都会或多或少影响用户的行为。表单布局考虑到用户完成表单填写的时间应当尽可能的短，并且收集的数据都是用户所熟悉的（比如... 阅读全文

posted @ 2009-06-01 14:03 麦飞阅读(222) 评论(0) 推荐(0)

CSS兼容性解决方法（盒模型）- !important的IE7，Firefox问题

摘要：关键字: css兼容性解决方法（盒模型）- !important的ie7，firefox问题在CSS标准中，一个盒模型包括4个区，分别是：内容、内边距（padding）、边框（border）和外边距（margin）。而Width宽度的计算，CSS有它的标准。但是实际上，不同的浏览器的表现却不同。比如，　　Firefox（FF）是准确按照CSS标准：width为内容的宽度，也就是说：　　　... 阅读全文

posted @ 2009-05-27 10:47 麦飞阅读(289) 评论(0) 推荐(0)

em 与 px

摘要：在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI 等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比 em更加容易使用，大部分读者不知道em为何物或者它相当于多少px。国外人士如此重视网站易用性(Accessibility)，不仅因为其根生蒂固的人... 阅读全文

posted @ 2009-05-22 10:09 麦飞阅读(212) 评论(0) 推荐(0)

DIV CSS兼容性解决IE6/IE7/FF浏览器的通用方法完美兼容

摘要：一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) 以下为引用的内容： 2, IE6/IE77对FireFox ... 阅读全文

posted @ 2009-02-17 10:46 麦飞阅读(1205) 评论(0) 推荐(0)

CSS HACK

摘要：CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. 注意: *... 阅读全文

posted @ 2009-02-13 12:59 麦飞阅读(347) 评论(0) 推荐(0)

photoshop高手怎能不知：PS快捷键大全

摘要：工具箱(多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取) 矩形、椭圆选框工具【M】移动工具【V】套索、多边形套索、磁性套索【L】魔棒工具【W】裁剪工具【C】切片工具、切片选择工具【K】喷枪工具【J】画笔工具、铅笔工具【B】像皮图章、图案图章【S】历史画笔工具、艺术历史画笔【Y】像皮擦、背景擦除、魔术像皮擦【E】渐变工... 阅读全文

posted @ 2009-02-13 09:53 麦飞阅读(237) 评论(0) 推荐(0)

文章分类 - css