-
overflow解决float浮动后高度自适应问题
2012-08-06也许你在做网页的时候发现,发一个区块内的元素被应用了float之后,那么整个box的高度对就不以被浮动对象的高度为标准了。 如图中的城市导航内的城市列表中采用了float之后,那个外框的高度并不是内容元素的高度: 怎么解决这个问题呢?经发现可以采用overflow来解决! -
纯CSS Lightbox效果
2012-08-06网络上有很多js版本的lightbox效果介绍。不过都下载一个lightbox的js小则几十K,大则上百K。如果你只是需要一个类似Lightbox的效果,这种百分之百纯CSS制造,不含js的办法到可以试试。原理很简单,看看就应该民明白了。 本文来源与模板无忧_www.mb5u.com !DOCTYPE html -
网页图片如何选择使用GIF格式或JPG格式
2012-08-06网页设计中,保证图片清晰的前提下,图片越小越好。因为这样可以减少带宽占用,加快网页打开速度。尤其对于门户网站和访问量很高的网站,如果图片都能比原来小10K的话,那么节省的带宽相当明显。那么就要求设计师在制作或生成图像时,选择合适的格式和质量,尽量把图片 -
dreamweaver套用源格式,将混乱无序的代码变得整洁
2012-08-06不知你是否注意到dreamweaver的 套用源格式 功能,这个功能可以将混乱的代码格式套用成标准的DOM模型的整洁结构。 比如当我们在制作网页时,有时手写代码会使用代码的结构变得混乱,不利于修改和维护,利用 套用源格式 的功能,可以让HTML代码和CSS变得整洁有序,遗憾 -
IE6下绝对定位的容器内文本无法正常选择的问题
2012-08-06本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml xml:lang=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met -
IE6的双倍边距BUG
2012-08-06本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml xml:lang=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met -
随滚动条移动的层
2012-08-06本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml HEAD TITLE随滚动条移动的层 - www.mb5u.com/TITLE META HTTP-EQU -
用css制作的导航菜单
2012-08-06以前发过一个演示,下拉及多级弹出式菜单仅供学习之用,实际应用中还存在些问题,被会员kl521516发现当下拉菜单下有内容时会把内容挤跑,小A改成了绝对定位的方式,虽然可以解决挤跑的问题,但在IE6下新的问题又出现了,就是下拉菜单下边的选不中,本人对JS不太熟悉, -
CSS 连接后面的问号 表示什么意思,有什么作用?
2012-08-06举例来说: link rel = stylesheet href = http://static.ak.facebook.com/css/actionspro.css?44:72882 type = text/css / facebook上的css连接后面都跟了个参数.. 这是表示什么意思呢? 可以看成是css的一个版本号,如果css改动过,担心浏览器本地css文件没有及时更新 -
Web Developer插件概要
2012-08-06Web Developer 插件以工具栏的形式对网页的(X)HTML、脚本、多媒体、CSS、缓存、图象等多方面的实用工具。使我们能轻易的获得网页的更多信息,使我们进一步的了解当前所浏览的网页。 在Web Developer 插件工具栏中,主要由以下几个部分组成:Disable、Cookies、CSS、For -
CSS模块化思想 有效管理CSS样式
2012-08-06关于模块CSS的划分,我比较喜欢类似wordpress中的css划分方式,一般情况下通过类似下列结构划分: 示例代码 [www.Mb5u.com] layout.css /* 整站布局 */ public.css /* 公用组合样式 */ header.css /* 页面头部区域样式 */ sidebar.css /* 侧边栏区域样式 */ -
CSS基础知识
2012-08-06一、可设置的CSS属性包括:字体属性、文本属性、颜色及背景属性、边框属性、容器属性(边距属性、填充属性)、分类属性、鼠标属性。 二、基础属性 字体属性:font-family font-style font-variant font-weight font-size 文本属性:word-spacing letter-spac -
DivCSS布局扩展技巧和用法
2012-08-06CSS网页布局开发中,会有很多小技巧,这之类相关的文章在Mb5u.com有许多介绍,这里再扩展一下您所想要得到的知识,相信您会有很多收获! 一、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。 二、同一个的class选择符可以在一个文档中重复 -
DivCSS中四种控制换行的属性
2012-08-06在进行DivCSS布局时,需要对文本进行控制,我们在Mb5u.com以前的文章中,也讲过这方面的知识,今天系统的向大家介绍一下。CSS中控制换行的四种属性。 一、white-space 可以实现HTML中PRE标签的效果,以及单元格的noWrap效果,点此查看示例。 示例代码 [www.M -
CSS网页布局中文排版心得
2012-07-24CSS网页布局中文排版有别于国外所介绍的英文排版,由于汉字的特殊性,所以有一些地方是需要大家注意的。今天Mb5u.com的这个文章或许对大家对排版的控制有所帮助。 一、如何设定文字字体、颜色、大小 — 使用font font-style设定斜体,比如font-style: italic -
table建站,XHTML建站和DIV建站的不同
2012-07-24最近有客户问到table建站、DIV建站以及XHTML建站的区别,其实这也是国内网站建设逐步走向成熟的标志。网站建设,简单的来说,就是这个人长的怎么样和这个人内心怎么样。一部分是外观所展示出来的视觉效果、另一部分是藏在里面的代码元素。 我们先来举一个简单的例子, -
CSS左列固定,右列宽度自适应
2012-07-24在实际应用中,有时候需要左栏固定宽度,右栏根据浏览器窗口大小自动适应,在CSS中实现这样的布局方式是简单可行的,只需在设置左栏的宽度即可,如上例中左右栏都采用了百分比实现了宽度自适应,而我们只需要将左栏宽度设定为固定值,右栏不设置任何宽度值,并且右栏不 -
CSS二列宽度自适应
2012-07-24从二列固定宽度入手,开始尝试二列布局的情况下,左右栏宽度能够做到自适应,从一列自适应布局中我们知道,设定自适应主要通过宽度的百分比值设置,因此在二列宽度自适应的布局中也同样是对百分比宽度值的设计,继续上面的CSS代码,我们得新定义二列的宽度值: #left { -
定义的css样式没有作用呢
2012-07-15本文来源与模板无忧_www.mb5u.com !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=http://www.w3.org/1999/xhtml xml:lang=zh lang=zh head profile=http://www.w3.org/2000/08/w3c-synd/# met -
CSS网站横向导航
2012-07-15网站导航是网站中最重要的元素,是网站提供给用户的最直接最方便的访问网站内容的工具。网站导航从形式上主要由横向导航、纵向导航、下拉及多级菜单导航等三种形式。 横向导航 作为门户网站的设计而言,主导航一般采用横向导航。由于门户网站下方文字较多,且每个频道
- 相关链接:
- 栏目说明:
div+css教程:提供全面的div+css教程,div+css布局实例,遇到DIV CSS的难题,可到群29061111提问!