-
input、select居中不兼容浏览器的解决方法
所属栏目：[经验] 日期：2018-09-17 热度：195
css修正Input标签在各种浏览器中差异，首先说明一下input、select等可能在各种浏览器中的表现差异： 1.当input或select与其他标签(例如a、label)混排时，可能出现不居中的问题。 2.input里面输入的文字行高存在差别，有空隙等等。 3....混排时，外层标签不[详细]
-
IE6、IE7、IE8浏览器下CSS不兼容的解决分析
所属栏目：[经验] 日期：2018-09-17 热度：62
IE6里DIV错位的问题 采用FLOAT：LEFT的DIV在 IE8 、IE7、都没问题，IE6下却向下移动，出现空白。这是因为，IE6采用的内核默认把DIV之间的距离增加了3~5个PX，所以，试试是将下移的DIV的STYLE里增加margin-left:-5px;或者更[详细]
-
CSS 背景透明而文字不透明的方法代码
所属栏目：[经验] 日期：2018-09-17 热度：60
本文要介绍的是CSS 背景透明而文字不透明的效果，本实现方法支持多个浏览器，包括：IE、 Firefox 、 Chrome 、 Opera 等。 实例代码如下：[详细]
-
CSS 实现文字、DIV层水平自适应屏幕大小
所属栏目：[经验] 日期：2018-09-17 热度：183
烈火网(LieHuo.Net)CSS教程，本文给大家介绍的是CSS 水平自适应的实现代码，这个与其它的水平自适应好像还有点区别，它里面的文字也会自适应，文字外的DIV同样也会随着浏览器窗口的大小而水平适应，大家仔细观察一下。 !DOCTYPE html PUBLIC -//W3C//DTD X[详细]
-
绝对定位的DIV+CSS层,多个层嵌套在一起
所属栏目：[经验] 日期：2018-09-17 热度：202
烈火网(LieHuo.Net)CSS教程 CSS多层绝对定位的一个小演示，多个层嵌套在一起，学习CSS布局的一个好例子。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3[详细]
-
Textarea使用cols和rows不应使用css控制高度和宽度
所属栏目：[经验] 日期：2018-09-14 热度：131
烈火网(LieHuo.Net)教程 本以为元素的宽度高度应该全部由css控制，结果html validator提示textarea必须有cols和rows属性，否则不符合W3C XHTML 1.0 Transitional标准。 错误: required attribute rows not specified 错误: required attribute cols not sp[详细]
-
Iframe框架在IE6显示横向滚动条的问题
所属栏目：[经验] 日期：2018-09-14 热度：191
frameset, iframe, frame框架页面在IE6中出现横向滚动条bug的隐藏方法 使用框架（无论是frameset、frame、iframe）嵌套网页的时候，如果子网页的高度超过了预先设定的高度，会出现滚动条，也就是尺寸溢出，一般来说如果高度超了就出现垂直滚动条，宽度超了[详细]
-
无需图片纯CSS设计Table圆角效果
所属栏目：[经验] 日期：2018-09-14 热度：87
烈火网(LieHuo.Net)教程 在日常的上网中，我们经常会看到一些圆角边框，通常是需要用图片来实现的，那么能不能利用纯CSS来设计表格边框的圆角呢？其实是可以的，今天我们就来看一下CSS实现圆角的实例： title无需图片纯CSS设计Table圆角效果－liehuo.net/t[详细]
-
用css控制图片大小 防止撑破网页
所属栏目：[经验] 日期：2018-09-14 热度：117
烈火网(LieHuo.Net)教程 很久没在烈火网露面了，看到大家为图片控制大小烦恼 我这有段代码 很不错，设置最大宽度是630px 如果大于630就把图片宽度设置为630 高度就会随着比例也会缩小 不会造成图片变形！[详细]
-
css技巧:清除多余的标签让代码更加有意义
所属栏目：[经验] 日期：2018-09-14 热度：67
如果你是一个喜欢什么都用div来标签的人,那么这个教程一定很适合你.在这个教程里着重讲如何规范的来写HTML代码让它更加的有意义.你有没有经历过这样的场景:在编缉别人的模版时发现那些语意不明的标签,你的感觉是什么样子的.学完这个教程后你会发现规范的代[详细]
-
CSS实例：纯CSS打造斜角
所属栏目：[经验] 日期：2018-09-14 热度：165
关于CSS打造斜角，先说一下历史，在CSS+DIV流行以前，也就是用表格作为网页框架的时候，人们通过在一个单元格里加入一个斜角图片来来做这种效果的。这种技术现在已经完全过时了，这里不讨论。CSS+DIV兴起以后，出现了两种制作斜角效果的方法，一个是通过ba[详细]
-
CSS技巧：字体属性简写规则
所属栏目：[经验] 日期：2018-09-14 热度：175
当使用css定义字体时你可能会这样做： 事实上你可以简写这些属性： 现在好多了吧，不过有一点要注意：使用这一简写方式你至少要指定font-size和font-family属性，其他的属性（如font-weight, font-style,font-varient）如未指定将自动使用默认值。[详细]
-
IE6/IE7/FireFox CSS兼容的解决方法
所属栏目：[经验] 日期：2018-09-14 热度：184
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 和 wi[详细]
-
CSS背景图片控制单行文字顶距的技巧
所属栏目：[经验] 日期：2018-09-14 热度：164
假如是这样的情况： 工作机会.nav{height:30px;weight:125px;background:url(images/navbg.jpg);} 这里如果想控制文字的距顶部的距离，可以这样。 增加这样的样式。 .nav{overflow:hidden;line-height:35px;} 这里的line-height:35px;控制上下位置，overfl[详细]
-
用css实现高宽自适应满屏显示无滚动条
所属栏目：[经验] 日期：2018-09-14 热度：66
之前别人也有写过，但兼容性不强，支持以下几款主流浏览器 IE6,7,firefox2,3，时间关系，css就不一一详解了，很简单。请看下面的源码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona[详细]
-
使用CSS让DIV水平垂直居中的方法
所属栏目：[经验] 日期：2018-09-14 热度：53
要点： 1.position属性设置为：absolute 2.top和left属性都设为：50% 3.margin-top宽度设置为height高度的一半，margin-left属性设置为width宽度的一半。 htmlheadtitleDIV水平垂直居中/titlestylebody{font-size:12px; margin:0; padding:0;}.div1{positi[详细]
-
纯CSS圆角框3：圆角化图片
所属栏目：[经验] 日期：2018-09-14 热度：125
文章导航： 第一章：基本的圆角框 第二章：透明圆角化背景图片 在前面一篇文章中，我们将一张上下渐变的的图片作为标题的背景，并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢?我们还能将一些颜色比较丰富的图片也进行透明圆角化吗? 答[详细]
-
CSS入门:五个简单,但有用的CSS属性
所属栏目：[经验] 日期：2018-09-14 热度：181
今天说的这5个CSS属性,你可能会很熟悉,但是你可能会很少会去使用.这个教程所讲得不是关于CSS3的属性,而是依旧使用CSS2属性来说明,这些属性广泛的被各种浏览器所支持:clip,min-height,white-space,cursor和display.所以不要错过这个教程,因为你会发现他们是[详细]
-
CSS实例布局：绝对定位的DIV层实现
所属栏目：[经验] 日期：2018-09-12 热度：55
本文要介绍的教程是关于CSS绝对定位的布局问题，关于CSS绝对定位的好处是，不管网页窗口有多大或多小，其内部显示的内容不会变形，浏览用拖动条代替，在对布局显示要求较高的场合，绝对定位还是有很大好处的。这个使用绝对定位技术的CSS代码会告诉你该如何[详细]
-
CSS3实例效果五则,很实用的WEB开发教程
所属栏目：[经验] 日期：2018-09-12 热度：136
对于设计人员和开发人员来说，CSS一直是web设计过程中重要的一部分，随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择。 用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器（甚至是支持CSS3的浏览器）[详细]
-
把Flash转成Javascript/HTML5
所属栏目：[经验] 日期：2018-09-12 热度：135
SmokeScreen是这样一个开源软件，它可以把Flash的swf文件转成 Java script/HTML5，它的口号是：Flash without plugin。为什么要这样做呢？它说主要是因主Apple的iPhone/iPod/iPad不支持flash，而且看似Steve Jobs也不愿意在以后支持flash。所以，他们搞了[详细]
-
CSS应用:让页脚紧贴页面底部
所属栏目：[经验] 日期：2018-09-11 热度：132
怎么使用Sticky Footer代码 介绍 Google一下可以找到很多让页脚紧贴页面底部的方法，我试过其中的很多，但他们总会在某些方面存在一些问题。之所以有这些问题，可能是因为出现了更新版本的浏览器。一些方法因为太过久远，原本在老版本浏览器可以正常工作，[详细]
-
浅谈 CSS 的定位和浮动
所属栏目：[经验] 日期：2018-09-11 热度：170
CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。 定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、[详细]
-
如何用纯CSS打造一个弹性日历
所属栏目：[经验] 日期：2018-09-11 热度：127
传统的日历是在一张页面划分出几个格子.作为一个网页设计师,你有权利用表格来做出效果,我也不会说你错了. 那么做为一个标准的WEB设计师来说,遵守WEB的标准好处是不言而语的.那么我们来看下如何使用CSS来做出一个有弹性的日历表出来--为什么说是有弹性的,因[详细]
-
CSS中background:url(图片) 不能显示的问题
所属栏目：[经验] 日期：2018-09-11 热度：149
刚刚碰到一个诡异的问题，这样一段CSS代码： background:url(images/bg/bg1.gif) no-repeat; 这段代码居然不能显示出背景图片，倒塌。。。 代码肯定没有问题，即便我没有对背景图片定位，这里暂不考虑，因为我这里不存在这个问题。。。于是乎，搜索了一下Go[详细]
