随笔分类 -  css

css使用>
摘要：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> <style type=" 阅读全文
posted @ 2011-12-21 18:06 枫- 阅读(131) 评论(0) 推荐(0)
DIV CSS兼容性解决IE6/IE7/FF浏览器的通用方法完美兼容
摘要：在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV CSS设计的网，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网乱可能出去不想出现的效果！所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important;一、CSS HACK1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记 阅读全文
posted @ 2011-12-09 16:57 枫- 阅读(652) 评论(0) 推荐(0)
微软官方推荐IE7 IE8 CSS兼容性终极解决方案
摘要：你对微软官方推荐的IE7 IE8 CSS兼容性终极解决方案是否了解，这里和大家分享一下，所有的网页制作者都希望自己做出了的网页可以完美的兼容所有主流的浏览器，包括IE6，IE7，IE8，Firefox，Opera，Safari，Chrome等等！IE7 IE8 CSS兼容性终极解决方案--微软官方推荐的方案所有的网页制作者都希望自己做出了的网页可以完美的兼容所有主流的浏览器，包括 IE6，IE7，IE8，Firefox，Opera，Safari，Chrome等等！但我们做网页制作的也要符合中国国情来做工作。所以我一般只会考 虑IE6,IE7,Friefox这3个浏览器！这几个浏览器都有自己专用 阅读全文
posted @ 2011-12-09 16:55 枫- 阅读(392) 评论(0) 推荐(0)
IE和火狐的css兼容性问题归总
摘要：CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。1、DOCTYPE 影响 CSS 处理2、FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3、FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 阅读全文
posted @ 2011-12-09 16:52 枫- 阅读(196) 评论(0) 推荐(0)
CSS兼容性（IE和Firefox）技巧大全
摘要：CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理 技巧并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE 影响 CSS 处理，作为W3C的标准，一定要加 DOCTYPE声明。CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie 阅读全文
posted @ 2011-12-09 16:52 枫- 阅读(154) 评论(0) 推荐(0)
DIV相对于父DIV底部对齐的实现方法-Div+CSS教程
摘要：1:底部对齐的代码(相对于父块)：<style type="text/css">.box1 {border:1px #cccccc solid; width:500px; height:600px;position:relative;}.box2 {border-top:1px #cccccc solid; background:#f2f6fb; width:498px; height:22px; position:absolute; bottom:0;}</style><div class="box1"> <d 阅读全文
posted @ 2011-11-20 13:00 枫- 阅读(1044) 评论(0) 推荐(0)
div显示在底部(一种固定不变，另一种随页面上下翻动而动)
摘要：<html><head> <style type="text/css"> html, body, #wrap{ height: 100%; width:100%;padding:0px; margin:0px;} #main{padding-bottom: 0px;} /* 必须使用和footer相同的高度 */ #footer { left:0px; right:0px; position: relative; margin-top: -0px; /* footer高度的负值 */ height: 150px; background: 阅读全文
posted @ 2011-11-08 18:42 枫- 阅读(7032) 评论(0) 推荐(0)
css 选择后更改文字背景 CSS3 实现改变默认文本选中的颜色
摘要：其实很简单，只要在css里加上以下样式就可以了::selection { background:#d3d3d3; color:#555; }::-moz-selection { background:#d3d3d3; color:#555; } ::-webkit-selection { background:#d3d3d3; color:#555; } 阅读全文
posted @ 2011-11-08 18:34 枫- 阅读(497) 评论(0) 推荐(0)
css问题总结
摘要：1：不居中考虑兼容性父层元素必须设置text-align:center;子元素设置margin:0px auto;2:字空格text-indent:2em; 阅读全文
posted @ 2011-05-13 16:53 枫- 阅读(178) 评论(0) 推荐(0)
filter:alpha(opacity=100,style=1)
摘要：filter:alpha(opacity=100,style=1)1、opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明；2、style属性：设置渐变风格；0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。filter：alpha（opacity=opcity，finishopacity=finishopacity，style=style，startX... 阅读全文
posted @ 2010-11-20 12:25 枫- 阅读(5278) 评论(0) 推荐(0)