css
文章平均质量分 66
cloudday
这个作者很懒,什么都没留下…
展开
-
CSS居中代码
在设计网页模板时,经常要用CSS来控制块级元素的水平或是垂直位置,往往需要进行居中的操作。今天我就和大家一起来研究下如何用CSS来控制元素的居中。1、单行垂直居中文字在层中垂直居中vertical-align 属性是做不到的.我们这里有个比较巧妙的方法就是:设置height的高度与line-height的高度相同! 2、层水平居中设置div的宽度小于父div转载 2011-11-01 10:52:32 · 1306 阅读 · 0 评论 -
解决IE7\IE8部分错位兼容问题
意思是将IE8用IE7进行渲染,使网页在IE8下正常显示转载 2012-04-23 11:17:13 · 1011 阅读 · 0 评论 -
display:none和visibilitY:hiddeN区别
visibility:hidden隐藏,但在浏览时保留位置;CSS display:none视为不存在,且不加载!Overflow属性值{visible|hidden|scroll|auto}前提是先要限制DIV的宽度(width)和高度(height)。二者都是隐藏HTML元素,在视觉效果上没有区别,但在一些DOM操作中二者还是有所不同的。CSS display:none;使用该属性转载 2012-04-26 14:52:12 · 681 阅读 · 0 评论 -
IE6下BUG 网页多出一个字 IE bug
看看下面这段网页代码,在IE6下面居然会多出一个“猪” 多了一只猪 ↓这就是多出来的那只猪 觉得很有意思。于是在想到底是什么原因造成的呢?便做了以下测试:实验代码如下: 提示:您可以先修改部分代码再运行1、在IE、FF中测试,只在IE出现文字溢出现象。说明:注释造成文字转载 2012-05-03 15:46:21 · 1852 阅读 · 0 评论 -
css常见CSS BUG收集
Hacking Rules:property:all-ie\9; property:gte-ie8\0;*property:lte-ie7; +property:ie7; _property:ie6;1 input[button | submit] 不能用 margin:0 auto; 居中 IE8 bug | fixed 为input添加width 2 body{overflow:hid转载 2012-04-23 10:24:39 · 474 阅读 · 0 评论 -
IE6、IE7、IE8的CSS、JS兼容
IE6、IE7、IE8的CSS、JS兼容Internet Explorer 6中查看使用 Microsoft JScript 的网页,可能会遇到web浏览器速度较慢的性能问题。原因是如果js脚本同时创建大量变量,jscript引擎执行垃圾收集算法时会监视脚本中变量分配的数量、脚本中使用的文字值的数量和脚本中分配的字符串值的总大小,如果超过这些值的阈值,就会发生垃圾收集,垃圾收集进程会中断正在运转载 2012-08-18 09:06:05 · 840 阅读 · 0 评论 -
IE6下height的问题
我在做网站项目的时候通常需要定义一个高度为10px以下的div.代码如下: 1 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 html xmlns="http://www.w3.org/1转载 2012-09-04 11:59:28 · 485 阅读 · 0 评论 -
css代码格式化清理工具
CSS 代码格式化工具 a {color:blue; font-size:12px} textarea {width:100%; height:300px; display:block; margin:10px 0; font-size:12px} input {font-size:12px} function formatCSS(n)转载 2012-11-20 09:56:39 · 848 阅读 · 0 评论 -
IE6下部分样式无法加载问题以及连接块状背景切换
css样式表式ASCII编码,因为我们简体中文版DW默认是使用的是GB2312编码的。而ie6大哥对代码的要求很严格,其他的浏览器都没问题,可以读出ASCII编码,但是ie6就不行,二者必须采用同样的编码。于是就改变css样式表的编码格式。使用记事本打开css样式表,另存为的时候选utf8格式。同时为了保险在css的样式表头部写入@charset utf-8。连接块状显示li转载 2012-04-10 17:09:36 · 1093 阅读 · 0 评论 -
IE6下BUG解决办法汇总
【描述内容】:在IE下调试页面很麻烦,Firefox下的扩展程序Firebug和Web Developer Toolbar都是很好用的工具,如果你想在IE或其他浏览器上使用firebug,可以用Firebug Lite。......【关键标签】:IE6,IE6 bug解决,IE6bug这是一篇转载的文章,为的是自己以后查找相关问题时方便点,所以我把不太相关的删除了,留下一些自认为比转载 2012-03-19 22:13:24 · 1688 阅读 · 0 评论 -
创建IE各版本专属CSS IE中的if语句
IE下专属CSS: 复制代码 代码如下: IE 6 ONLY: 复制代码 代码如下: IE 5 ONLY: 复制代码 代码如下: IE 5.5 ONLY: 复制代码 代码如下: IE6或更低: 复制代码 代码如下:转载 2011-11-02 14:53:55 · 417 阅读 · 0 评论 -
EM和PX的关系
其中比较熟悉和经常使用的是px,其次便是em,而其他几种单位则不常使用,也不是设置显示文字大小好的选择。pt和pc主要用于印刷制品的文字大小定义,一般出现在为印刷定义的样式中;em是相对单位,一般的1em=大写字母M的高度,且其具有继承性,可以继承父标签的属性;ex也是相对单位,一般的1ex=小写字母x的高度,很少使用。据目前的情况来看,单位的选取主要集中在px,em和%上,普遍的观点是放弃使转载 2011-11-09 10:06:47 · 2452 阅读 · 0 评论 -
CSS命名规范
头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:ne转载 2011-11-09 09:43:58 · 485 阅读 · 0 评论 -
IE下常用BUG解决办法
常见兼容问题: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原创 2011-11-02 16:07:30 · 481 阅读 · 0 评论 -
scroll滚动条样式
http://www.dengjie.com/temp/scroller.swfIE下的滚动条样式IE是最早提供滚动条的样式支持,好多年了,但是其它浏览器一直没有支持,IE独孤求败了。这些样式规则很简单:scrollbar-arrow-color: color; /*三角箭头的颜色*/scrollbar-face-color: color; /*立体滚动条的颜色(包转载 2012-02-08 15:56:42 · 7943 阅读 · 1 评论 -
img在IE6下5px问题
解决方法 一使 li 浮动,并设置 img 为块级元素ul { width:280px; }ul li { display:block; float:left; height:57px; width:277px; }img { display:block; }解决方法 二设置 ul 的 font-size:0;ul { width:280px; font-size:0;转载 2012-03-16 21:52:56 · 691 阅读 · 0 评论 -
ie6下height高度问题
1 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 html xmlns="http://www.w3.org/1999/xhtml"> 3 head> 4 meta http-equiv="Con转载 2012-03-16 21:56:26 · 1206 阅读 · 0 评论 -
CSS最常用兼容性
CSS兼容常用技巧 请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTYPE声明。 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 http://www.php100.com原创 2013-01-11 11:59:38 · 716 阅读 · 0 评论