随笔分类 -  html/css

摘要：宽度高度不固定div的水平居中演示如下： 水平居中代码： html部分123css部分.container{width:500px;height:80px;background:#C2300B;margin-left:50px;padding-top:10px;text-align:cente... 阅读全文

摘要：首先我们介绍一下HACK原理，就是不同浏览器对字符的识别不同在 CSS中常用特殊字符识别表:(1)*: IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的;(2)!important: 除IE6不能识别 !important外, FF+IE8+IE7都能识别!important ;(3)_ : 除IE6支持_ 外, FF+IE8+IE7都不支持_;(4)\9:所有IE浏览器都识别(IE6、IE7、IE8、IE9)示例:(1)区别FF(IE8)与IE6 IE7backgorund:orange; FF和IE8背景色将为橘黄色*backgorund:red; IE6和IE7背景色将为 阅读全文

摘要：具体代码：filter:alpha(opacity=50); //兼容ieopacity:0.5; //其他浏览器若此层内的图片等不能实现透明度，只需要在此元素的上层元素（即父元素）设置css：position:relative; 阅读全文

摘要：隐藏文字的方式有很多种（这里简略说一下）： 1. 使用 padding来实现Css Sprite中隐藏文字的效果； 2. 使用text-indent:-9999px; Css Sprite中隐藏文字的效果； 3. 使用display属性：display:none; 视为不存在，且不加载； 4. 使用 visibility 属性：visibility:hidden; 隐藏，但在浏览时保留位置； 5. 使用 overflow 属性：Overflow值{visible|hidden|scroll|auto} 前提是先要限制DIV的宽度（width）和高度（height）。 6. 还有其他的方法… … 阅读全文

摘要：整理了一些比较实用的网站设计时常用的代码，代码很简单，只有一行，不需要理解多高深的JS或者HTML知识，按照提示把相应的代码加入到网页模板中即可得到你想要的效果。1：进入网页时淡入淡出的效果。在头部head之间加入此代码，你会发现点击链接的时候，网页现实的是淡入淡出的效果。此代码含义如下：Page-Exit”（离开网页）、”Site-Enter”（进入站点）、”Site-Exit”（离开站点）其中”Duration=1.0″可以设定每个周期的时间为多久，单位是秒（现在设置的是每周期1秒）。2：把滔滔（微博客）完美放到你的博客中。试用于各种程序语言。演示见本站公告.红色部分注意事项：改成你的QQ 阅读全文

摘要：1. 在流动性布局中的应用 如WordPress的两栏式不固定布局就是使用margin负值来实现的定位，属于左右margin负值在流动性布局中的应用。 1 2 左侧宽度固定3 4 5 宽度自适应，啦啦啦。。。宽度自适应，啦啦啦。。。宽度自适应，啦啦啦。。。6 另外一类两栏自适应用到的是... 阅读全文

摘要：在网页制作中经常会用到浮动。用了浮动就会涉及到一个清除浮动的问题，因为包含浮动的元素是不会自动适应高度的，也就是不会被浮动元素撑开。 先看一个例子： 1 2 3 4 5 MicXP系统爱好者 6 24 25 26 27 28 ... 阅读全文