DIV+CSS
小博
人生的道路上,两旁也许有很多迷人的风光,只会偶尔停下来欣赏一番,他们只是点缀,不是目的,为了远方的目标,唯有背上行囊,继续上路。
展开
-
IE7、IE8、ff下的margin-top问题 折叠margin
下面是“折叠margin”的一些介绍:“collapsing margins”(折叠margin)的意思是:2个或以上盒模型之间(关系可以是相邻或嵌套)相邻的margin属性(这之间不能有非空内容、padding区域、border边框或使用清除分离方法)结合表示为一个单独的margin。在css2.1中,水平的margin不会被折叠。垂直margin可能在一些盒模型中被转载 2011-12-30 14:33:32 · 525 阅读 · 0 评论 -
技术分享 IE6不支持min-height的解决办法
本文和大家重点讨论一下IE6不支持min-height的解决办法,这里主要包括两种解决方案,相信本文介绍一定会让你有所收获。IE6不支持min-height的解决办法最小高度min-height是很有用的,但IE6却不支持。真烦人。有没有办法呢?第一种方法:我们可以利用IE6不识别!important来实现: height:auto!important; height:500px转载 2012-01-13 11:23:19 · 459 阅读 · 0 评论 -
CSS背景background使用攻略 新手必看!
背景(background)是css中一个重要的的部分,也是需要知道的css的基础知识之一。这篇文章将会涉及css背景(background)的基本用法,包括诸如 background-attachment 等的属性,也会介绍一些有关背景(background)的常用技巧,以及 css3 中的 背景(background)(包含4个新的背景(background)属性)。css2 中的背景(b转载 2012-01-13 11:16:17 · 648 阅读 · 0 评论 -
去除按钮、链接边框黑线小结
也不算什么结吧,被人家总结得很全了,转一下,那个黑框确实很破坏页面美感,除之而后快!前段时间在论坛上看到有关去除”链接/按钮”虚线框的讨论, 在这里把自己所知的方法记录一下, 并作出了对比.方法一: IE 下使用expression(this.hideFocus=true), firefox下使用outline: none; (除了FF下对按钮不生效, 其它均有效) 代码:…转载 2012-01-11 17:47:36 · 1478 阅读 · 0 评论 -
Serif和Sans Serif的区别
在西方国家罗马字母阵营中,字体分为两大种类:Sans Serif和 Serif,打字机体虽然也属于 Sans Serif,但由于是等宽字体,所以另外独立出 Monospace 这一种类,例如在Web中,表示代码时常常要使用等宽字体。Serif的意思是,在字的笔画开始及結束的地方有额外的装饰,而且笔画的粗细会因直橫的不同而有不同。相反的,Sans Serif则沒有这些额外的装饰,笔画粗细大致转载 2012-01-10 15:12:08 · 650 阅读 · 0 评论 -
IE5,IE6,IE7,IE8的css兼容性列表 .
At-rulesCSS 2.1: IE 5.0IE 5.5IE 6.0IE 7.0IE8 Beta 1IE8 Beta 2IE 8.0@charsetNoYesYesYesYesYesYes@importYesYesYesYesYesYesYes@medi转载 2011-12-28 14:00:34 · 633 阅读 · 0 评论 -
CSS常见的让元素水平居中显示方法
用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。 1.使用自动外边距实现居中 CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性设置为auto即可。在实际使用中,我们可以为这些需要居中的元素创建一个起容转载 2011-12-28 14:15:12 · 496 阅读 · 0 评论 -
RT8003: 'text-align' 特性在 IE6 IE7 IE8(Q) 中可以影响块级元素的对齐方式,并且在所有浏览器的混杂模式中均不能被 TABLE 元素继承
标准参考根据 CSS 2.1 规范中的描述,'text-align' 特性描述了一个块的行内内容的对齐方式。'text-align' 特性具备继承性,可以应用于块级元素、表格单元格及行内块级元素。也就是说,'text-align' 可以应用到块级元素、表格单元格及行内块级元素上,但仅对它们的行内内容起作用。但在更早版本的 CSS 1 规范中却规定,'text-align' 只能应用到块转载 2011-12-28 14:04:10 · 987 阅读 · 0 评论 -
DIV+CSS常见错误汇总
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误: 1. 检查HTML元素是否有拼写错误、是否忘记结束标记 即使是老手也经常会弄错div转载 2011-12-14 21:33:46 · 430 阅读 · 0 评论 -
div被选择框select遮挡住的5种解决方法
div被选择框select遮挡住的5种解决方法一现象:在调整页面样式时,经常发现浮动层的div被select遮挡。效果如下:二.原因在IE中,select属于window类型控件,它会“挡住”所有非window类型控件可以这么理解,div这样的组件是在浏览器客户区使用代码“渲染”的,他们被渲染在客户区的绘画表面上,而select是使用的标准w转载 2011-12-09 14:14:22 · 3109 阅读 · 0 评论 -
关于调整input里面的输入光标大小
以前在项目里碰到过一个问题input输入框用一个背景图模拟,设置height和line-height一样的高度,使里面的输入文字能够居中,在FF下出现的情况是:点击input时,输入光标其实上跟input的height一样高,但当开始输入文字时,光标又变得跟文字一样高,chrome下光标跟input的height一样高,而IE下光标跟文字的大小一致。初步结论如下:IE:不管该行有没转载 2011-12-07 17:54:00 · 12856 阅读 · 0 评论 -
IE6、IE7、IE8的CSS兼容速查手册
你对IE兼容性问题是否有所研究,这里向大家描述一下IE6/IE7/IE8三个版本的CSS兼容速查手册,IE每个新版本的推出都不可避免地在IE的各个主要版本之间产生兼容问题,尽管IE8推出已有时日,使用IE6的用户仍然相当可观。IE6/IE7/IE8三个版本的CSS兼容速查手册现代Web设计与开发越来越看重浏览器兼容问题,IE每个新版本的推出,都在遵循CSS标准方面前进一大步,同时,也就不可转载 2012-01-13 11:26:16 · 467 阅读 · 0 评论 -
解决IE6兼容性问题的十大技巧
本文和大家重点讨论一下十大要点解决IE6兼容性问题,相信通过本文的简单介绍你对IE6兼容性有更深一步的认识,欢迎大家一起来学习IE6兼容性。10要点解决IE6兼容性问题1、使用声明你必须经常在html网页头部放置一个声明,推荐使用严格的标准。例如 "http://www.w3.org/TR/html4/strict.dtd”> or,forXHTML: "http://www.转载 2012-01-13 11:27:45 · 484 阅读 · 0 评论 -
margin-top margin-left兼容
常出现两种情况 (一)margin-top失效 先看下面代码:float:leftclear:both; margin-top:20px; 两个层box1和box2,box1具有浮动属性,box2没有,这时候设置box2的上边距 margin-top没有效果。www.webjx.com<style type="text/css">floa转载 2011-12-30 14:36:00 · 1014 阅读 · 0 评论 -
CSS cursor鼠标样式一览表
把你的光标放到相应文字上查看效果要注意光标的实际效果依赖于用户的系统设置,与你在这里看到的效果并不一定一致。cursor: crosshair;十字准心The cursor render as a crosshair游标表现为十字准线cursor: pointer; cursor: hand;写两个转载 2012-02-01 11:11:22 · 521 阅读 · 0 评论 -
CSS之Position详解
CSS的很多其他属性大多容易理解,比如字体,文本,背景等。有些CSS书籍也会对这些简单的属性进行大张旗鼓的介绍,而偏偏忽略了对一些难缠的属性讲解,有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构,以及定位。正如positioniseverything,本文将主要讲述关于position的理解,力求让您看完本文后对position有着最全面的认识。position的四个属性值:转载 2012-01-18 15:24:04 · 416 阅读 · 0 评论 -
css中table-layout:fixed 属性的用法
table-layout:fixed 属性的用法:如果想要一个table固定大小,里面的文字强制换行(尤其是在一长串英文文本,并且中间无空格分隔的情况下),以达到使过长的文字不撑破表格的目的,一般是使用样式:table-layout:fixed。但是在Firefox下面,会有一些问题,参考Gmail的一些做法,做了几个测试,得出一种解决办法。 例1:(IE浏览器)普通的转载 2012-01-18 15:49:06 · 4580 阅读 · 0 评论 -
IE6双倍margin间距两大解决方案
你对IE6双倍margin间距解决方法是否比较熟悉,这里和大家简单分享一下,希望通过本文的学习你对此解决方法有深刻的认识。IE6双倍margin间距解决方法方法1:假设:一个div代码为divstyledivstyle="float:left;margin-left:10px;"> div> 当一个css样式同时设置了float和margin的属性的时候,在ie7+及火狐上,转载 2012-01-13 11:30:13 · 369 阅读 · 0 评论 -
技术前沿 DIV+CSS布局网页对网站SEO的影响
你对DIV+CSS布局网页对网站SEO的影响是否了解,这里和大家简单分享一下,相信本文介绍一定会让你有所收获。DIV+CSS布局网页对网站SEO的影响SEO主要就是通过对网站的结构,标签,排版等各方面的优化,使Google等搜索引擎更容易搜索网站的内容,并且让网站的各个网页在GOOGLE等搜索引擎中获得较高的评分,从而获得较好的排名。DIV+CSS网页布局对SEO有哪些影响呢?代码精简转载 2012-01-13 11:28:36 · 517 阅读 · 0 评论 -
CSS背景:background-attachment
语法: background-attachment : scroll | fixed 取值: scroll : 默认值。背景图像是随对象内容滚动 fixed : 背景图像固定 说明: 设置或检索背景图像是随对象内容滚动还是固定的。 此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。 请参阅 bgProperties 属性(特转载 2012-01-13 11:10:21 · 405 阅读 · 0 评论 -
background-color:transparent
background-color:transparent;作用设置背景色为透明,默认情况下,没有背景色的可以不设置原创 2012-01-13 11:02:56 · 692 阅读 · 0 评论 -
Css 选择器 算法 规则
首先上图css 命令在读取时是按照其优先级的高低的先后顺序来解读的,当优先级相同时是按照其css命令写的先后顺序来读取的,即后面的css覆盖(前后css属性设置 不同时)或继承(前后css属性设置相同或后面未设置该css属性时)前面的css命令。下面对html中类选择器、ID选择器、后代选择器、群组选择器 等,以及选择器的优先级的计算总结一下。1、标签名选择器CSS:div转载 2012-01-13 11:35:40 · 564 阅读 · 0 评论 -
使用Div CSS构架的三大好处
本文和大家重点讨论一下为什么要运用Div Css进行网页设计? CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”,在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。为什么要运用Div Css进行网页设计? 为什么要运用Div Css进行网页设计,用Div Css设计有什么好处呢?面对目前Div Css布局日益成转载 2012-01-13 11:29:15 · 640 阅读 · 0 评论 -
input输入框的各种样式
输入框景背景透明:鼠标划过输入框,输入框背景色变色:<INPUT value="Type here" NAME="user_pass" TYPE="text" SIZE="29" onmouseover="this.style.borderColor='black';this.style.backgroundColor='plum'"style="width: 106; hei转载 2011-12-07 15:27:42 · 1270 阅读 · 0 评论 -
跨浏览器的CSS固定定位{position:fixed}
不知道您是否留意了,浏览本站时,浏览器右下角有一个标着top的黑色直角三角形,可以点击它返回到正在浏览的网页页眉。当滚动网页时,它的位置一直没有任何改变,您感觉它怎么样?这就是通过CSS的定位属性{position:fixed}来实现的,通过它可以让HTML元素脱离文档流固定在浏览器的某个位置。IE7、Firefox、Opera,都支持CSS的{position:fixed},所以很容易实转载 2011-12-06 16:43:44 · 515 阅读 · 0 评论 -
DIV滚动条属性及样式设置方式
这里向大家描述一下DIV滚动条属性及样式设置,所谓DIV滚动条,就是利用DIV标签,在里面嵌入CSS样式表,加入overflow的属性值,这样,当div所规范的区域内的内容达到一定程序时,滚动条就派上用场。DIV滚动条属性及样式设置所谓DIV滚动条,就是利用DIV标签,在里面嵌入CSS样式表,加入overflow的属性值,这样,当div所规范的区域内的内容达到一定程序时,滚动条就派上用场。转载 2011-11-22 15:33:24 · 1178 阅读 · 0 评论 -
DIV滚动条样式大全
<div style="WIDTH: 120; HEIGHT: 140; BACKGROUND-COLOR: #0000C6; OVERFLOW: scroll; scrollbar-face-color:#70807d; scrollbar-arrow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-colo转载 2011-11-22 11:21:32 · 1384 阅读 · 0 评论 -
DIV CSS设计时IE6/IE7/FF 兼容性问题解决篇
关于此篇文章,不定时解读==========================================在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!所有浏览器 通用height: 100px;IE6 专用_height: 100p转载 2011-11-15 17:31:46 · 451 阅读 · 0 评论 -
使IE6下PNG背景透明的七种方法任你选
PNG图像格式介绍:PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。流式 网络图形格式(Portable Network Graphic Format,PNG)名称来源于非官方的“PNG’s Not GIF”,是一种位图文件(bitmap file)存储格式,读成“ping”。PNG用来存储灰度图像时,转载 2011-11-15 17:22:15 · 432 阅读 · 0 评论 -
HTML表单样式大全
1、CSS魔法CSS,就是大家知道的层叠样式单,它可以定义页面元素的外观,包括字体样式、背景颜色和图像样式、边框样式、补白样式、边界样式等等,下面就从这几个方面出发,讨论怎样将CSS应用到表单中,彻底美化它!1.1 字体样式的应用 字体样式包括:字体族科转载 2011-10-13 13:14:38 · 2774 阅读 · 0 评论 -
CSS兼容要点分析
IE vs FFCSS 兼容要点:DOCTYPE 影响 CSS 处理FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行FF: body 设置 text-align 时, div 需要设置 margin:转载 2011-08-24 18:42:42 · 384 阅读 · 0 评论 -
CSS兼容IE6,IE7,FF的技巧
一、CSS HACK以下两种方法几乎能解决现今所有HACK.翻阅很多资料,已测试可以使用。1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)PLAIN T转载 2011-08-24 13:40:50 · 2200 阅读 · 0 评论 -
CSS基础实例:CSS实现带背景图片的文字链接的方法
<br /> 在论坛闲逛,遇到一个朋友提出了一个关于“CSS实现带背景图片的文字链接”的问题。<br /><br /> 经典论坛贴子原文如下:<br /><br /> 我想做成第一种图片的效果。可是按我自己的代码写下来就成了第二种效果,字有多大背景就是多大,不会完全显示出来。晕。<br /> 有什么办法解决么。<br /> a{text-decoration:none;}<br /> a.left:link{color:#353535;}<br /> a.left:visited{colo转载 2011-05-14 15:54:00 · 1381 阅读 · 0 评论 -
overflow:hidden详细解释
<br /> overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解。一提到清除浮动,我们就会想到另外一个CSS样式:clear:both,我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这个词到底包含什么样的含义呢?我们下面来详细的阐述一下。 <br />这是一个常用的div写法,下面我们来书写样式。大家可以在DMX中自己做试验<br /> #box{ <br /> wid转载 2011-01-27 12:55:00 · 1463 阅读 · 0 评论 -
清除浮动clear:both的应用详解
<br />在CSS中我们会经常要用到“清除浮动”Clear,比较典型的就是clear:both;<br /><br />CSS手册上是这样说明的:该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。 <br /><br />当属性设置float(浮动)时,其所在的物理位置已经脱离文档流了,但是大多时候我们希望文档流能识别float(浮动),或者是希望float(浮动)后面的元素不被float(浮动)所影响,这个时候我们就需要用clear:both;来清除。<br /转载 2011-01-27 13:03:00 · 770 阅读 · 0 评论 -
禁止滚动条
在WEB实际开发过程中,可能大家遇到过这样的问题,当您的页面在框架中的时候,即使您的所有的控件的宽度都没有超过屏幕宽度(一般设置为100%),但横向滚动条依然出现。即使您设置了scrolling=no 也不起作用。这个时候简直抓狂(我)。到网上找了找原因,原来要删掉下边这个语句:"http://www.w3.org/TR/html4/loose.dtd">一般问题就解决了,但我的页转载 2011-11-22 10:58:41 · 1272 阅读 · 0 评论 -
固定td宽度,超出部分截断
在IE下效果很好,固定td的宽度,超出部分截断用...显示,鼠标悬停有截断的则显示其完整的title。firefox不支持,只有截断的效果,无鼠标悬停效果,也没有...几点说明的,table一定要带table-layout:fixed;样式,否则无效果。固定table的话就带此样式,还能增加显示速度。需要截断的td加上下面的ssss样式,并且td的内容放在div里面,div带'white-sp转载 2011-11-28 10:19:06 · 2552 阅读 · 0 评论 -
CSS之IE与FF,SF,OP兼容
DIV CSS设计时IE6、IE7、FF 与兼容性有关的特性2008-03-28 14:21在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果!所有浏览器 通用 height: 100px;IE6 专用 _height: 100px;IE6 专用 *he转载 2011-12-05 09:17:14 · 536 阅读 · 0 评论 -
css在IE和FF中的区别
1、IE6下高度height小于12px的实现方法:1、设置font-size:0px2、设置overflow:hidden当height=1px和height=0px时,只有overflow:hidden才能实现! 2、居中问题div里的内容,ie默认为居中(ie6也是默认左对齐),而ff默认为左对齐。使ff内容居中的方法是增加代码margin:auto;也可以使转载 2011-12-05 09:15:11 · 431 阅读 · 0 评论 -
CSS兼容IE6,IE7,FF的技巧
一、CSS HACK以下两种方法几乎能解决现今所有HACK.翻阅很多资料,已测试可以使用。1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)PLAIN TEXTCSS:#wrapper{width: 100px!important; /* IE7+FF */转载 2011-12-05 09:13:24 · 486 阅读 · 0 评论