div+css
文章平均质量分 50
zmn373585115
这个作者很懒,什么都没留下…
展开
-
IE6.0、IE7.0 与FireFox CSS兼容的解决方法
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 会增加...原创 2009-07-16 13:27:47 · 90 阅读 · 0 评论 -
Css单词英汉对照
margin:页边的空白, (湖、池等的)边缘, 极限, 利润, 差数, (时间、金额等的)富余padding:填充display:陈列, 展览, 显示decoration:装饰, 装饰品clip:夹住, 剪短, 修剪float:浮动, 飘浮, 散播, 摇摆, 漂浮, 动摇(计划等)付诸实行cursor:指针pointer:指示器we...原创 2009-07-16 13:44:22 · 139 阅读 · 0 评论 -
DIV+CSS 命名规范
1.CSS ID 的命名外 套: wrap主导航: mainnav子导航: subnav页 脚: footet整个页面: content页 眉: header页 脚: footer商 标: label标 题: title主导航: mainbav(globalnav)顶导航: topnav边导航: sidebar左导航: l...原创 2009-07-16 13:44:59 · 116 阅读 · 0 评论 -
css相关工具
附加工具http://www.ziuo.cn/box/css-editorhttp://www.ziuo.cn/box/中英文颜色代码参考手册.htmlhttp://www.ziuo.cn/box/网页配色表.htmlhttp://www.ziuo.cn/box/网页配色器.html网站常用中英文对照表(这些在建站中都应该会用到)网站导航 Site Ma...原创 2009-07-16 13:45:45 · 129 阅读 · 0 评论 -
UL-LI 标签结合CSS的运用基础
LI代码的格式化:A).运用CSS格式化列表符: ul li{list-style-type:none;}例如下面的: 供求信息 B).如果你想将列表符换成图像,则: ul li{list-style-type:none;list-style-image: url(images/icon.gif);}例如下面的: 供求信息 C).为了...原创 2009-07-16 13:46:18 · 144 阅读 · 0 评论 -
用CSS替换传统方法
下面的列表将帮助你用CSS替换传统方法:HTML属性以及相对应的CSS方法HTML属性 CSS方法 说明 align="left"align="right" float: left; float: right; 使用CSS可以浮动 任何元素:图片、段落、div、标题、表格、列表等等 当你使用float属性,必须给这个浮动元素定义一个宽度。 marginw...原创 2009-07-16 18:16:43 · 139 阅读 · 0 评论 -
CSS BUG顺口溜
CSS BUG顺口溜 一、IE边框若显若无,须注意,定是高度设置已忘记; 二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中; 三、三像素文本慢移不必慌,高度设置帮你忙; 四、兼容各个浏览须注意,默认设置行高可能是杀手; 五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览; 六、学布局须思路,路随布局原理自然直,轻松驾驭html,流...原创 2009-07-16 22:23:14 · 91 阅读 · 0 评论 -
CSS框架思维雏形与CSS文件精简
假如在你切完所有图之后,假如你切的网站是娱乐性的网站.(重复性比较多)当你所有工作已经做完时,你的上头告诉你,要把所有网站里的内容的样式缩写!而且要统一~样式里面所有的重复的没用的,都删,就象给所有样式脱了一层外套,让它越简单越好! 这时你不用烦脑,很简单!来看看我是如何做的: 先观查你网站里经常用到的样式,重复性比较多的,把它写在共用的样式里!这个样式表里放的都是共有的,在任何html...原创 2009-07-17 23:31:41 · 110 阅读 · 0 评论 -
Blueprint CSS 框架学习笔记概述
这个 CSS 框架将 html 标签设定为如下情况: 统一重置了 43 个 html 标签(html 4.0 标签一共 91 个)的属性,(html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, ...原创 2009-07-17 23:34:37 · 128 阅读 · 0 评论 -
使用CSS为图片添加更多趣味的5种方法.
1, 阴影效果. 通过使用带有一些padding之的背景图来添加阴影效果。 演示: http://www.sohtanaka.com/web-design/examples/drop-shadow/dropshadow.htmHTML:原创 2009-07-17 23:38:38 · 108 阅读 · 0 评论 -
精通 CSS 造型设计元素
CSS 是现代网页设计的重要基石。Web 标准要求使用 CSS 来格式化和造型网页。其轻量级的特性,大大超越以往诸如表格之类的布局方法。CSS 并没有想象中的难以捉摸。以下是一些利用 CSS 创建造型设计元素的技巧和技术,也包括一些结合 JavaScript 或 XHTML 以扩展网站功能的案例,适合作为学习 CSS 的基本指南。当然对于经验丰富的设计师,同样值得阅读。1. 布局和...原创 2010-01-20 13:35:51 · 135 阅读 · 0 评论 -
标准化良构之路
专题:标准化良构之路标准化走到今天,当CSS被我们充分的接受和认可的时候,还有一位重量级的语言XHTML期待着我们去认识和挖掘,标准化良构之路专题的目的就是让良构深入人心,让你的文档更加严谨规范,拥有语义.本专题旨在基于现有文档讨论如何达到良构,学习文档中正确的理论,提出文档中忽略的部分,纠正文档中忽视某些错误.就良构提出你的见解.如果简单的敷衍跟贴我会决不留情的删除掉你可...原创 2009-08-10 15:24:08 · 102 阅读 · 0 评论 -
div垂直居中
position: absolute; width:880px;height:365px;left:50%;top:50%;margin-left:-440px; margin-top:-182.5px;2009-08-20 08:08:22 · 80 阅读 · 0 评论 -
解决IE8兼容性问题的便捷方法
微软告知我们:在目前兼容IE 7 的网站上只需添加一行代码(加在head节点中)即可解决与IE 8的兼容性问题:原创 2009-08-20 09:19:34 · 159 阅读 · 0 评论 -
加个地址栏图标
原创 2009-08-23 21:56:35 · 70 阅读 · 0 评论 -
wofoo表单模板下载
http://wufoo.com/gallery/原创 2009-09-10 21:01:42 · 113 阅读 · 0 评论 -
Web标准概念--摘抄《CSS布局实录》
前言对于日常的很多事情,我们并没有注意到这背后都有着一个隐藏的“因素”在起作用,这个因素就是:标准。生活中各行各业都有着自己相应的标准与规范,标准可以方便交流、促进协作、提高效率。对于IT行业,设备的多样性与信息的多样性更加需要标准来保证它们之间的沟通与协作。好在我们已经找到了解决的方案,这就是---XML。 XML简单说就是一种“有规定格式的文档”,只要我们的设...原创 2009-07-16 13:43:31 · 184 阅读 · 0 评论 -
用CSS做一个最简单的导航栏
导航栏是网页中常用的模块,有很多方法可以实现,下面是用css实现的方法: 首页 博客 设计 相册 论坛 关于 css代码如下: #menu {padding:20px 20px 0 0} /*利用pad...原创 2009-07-16 13:41:49 · 350 阅读 · 0 评论 -
用css实现图片与文字底边对齐
通常图片与文字放在一起的时候图片往往会偏上,通过设置margin-bottom可以达到文字图片底边对齐的目的我们在做网页的时候, 会遇到一个图片和文字位置对不齐的问题.(一般表现在图片总是比文字高点)解决问题最好的办法:.一个关键的属性: margin-bottom 通过修改图片的外边框的底部高度就可以让文字移动上来. 做法是把这个值设置为负数.例如我们把下面的16X15的图片设置...原创 2009-07-16 13:28:32 · 396 阅读 · 0 评论 -
css完美解决图片尺寸问题
经测试有效,设定图片最宽最高max-width,max-height在高版本的浏览器中都支持,但愚蒙的IE6不支持,这个css很好的解决了各个浏览器下图片尺寸比例的控制问题定义css样式如下img{vertical-align: middle;max-width: 630px; width: expression(this.width >630 && this.height < t...原创 2009-07-16 13:29:24 · 164 阅读 · 0 评论 -
DIV(块级对象)|文字居中对齐|图片和文本|垂直居中|问题
关于使用 display: table-cell; *display: inline; zoom: 1; 的方法的一些说明:标准浏览器如firefox本身支持display: table-cell,所以DIV这时就相当于一个TD,vertical-align在TD中始终是有效的,所以你可以像控制TD那样控制DIV中任何内容的顶对齐、垂直居中以及底对齐。但在IE下就不行,IE只是通过模拟出一...原创 2009-07-16 13:30:00 · 117 阅读 · 0 评论 -
overflow解决float浮动后高度自适应问题
也许你在做网页的时候发现,发一个区块内的元素被应用了float之后,那么整个box的高度对就不以被浮动对象的高度为标准了。如图中的城市导航内的城市列表中采用了float之后,那个外框的高度并不是内容元素的高度:怎么解决这个问题呢?经发现可以采用overflow来解决!方法是在父元素加上 以下是代码片段:overflow:auto; zoom:1;即可ov...原创 2009-07-16 13:31:02 · 158 阅读 · 0 评论 -
树状结构导航条css+javascript简单实现
html> function changevisible(element){ var children = element.parentNode.childNodes; for(var i= 0; i原创 2009-07-16 13:31:41 · 254 阅读 · 0 评论 -
flash遮盖div层在IE和FF下解决办法
IE浏览器下可用firefox下可用原文引自:http://www.fotree.cn/read.php?145原创 2009-07-16 13:32:40 · 76 阅读 · 0 评论 -
解决div总是被select遮挡的问题
今天在使用ajax下拉框时发现了一个一问题,就是下拉框会被遮挡,选择框的内容是放在div里的,所以去网上找了一下才知道答案: 原来,只要在div内容后面添加如下代码就可以了 载自老徐博客由于select在ie中默认是处于最顶层的, 所以弹出div往往不能遮住select,但是使用iframe的方法,可以遮住select选择控件.在div前面加ifram标签,如下设置样式...原创 2009-07-16 13:33:28 · 169 阅读 · 0 评论 -
CSS将长文字和英文换行的方法
大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法! 对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。#wrap{white-space:normal; width:200px; }或者#wrap{word-break:break...原创 2009-07-16 13:34:04 · 197 阅读 · 0 评论 -
绝对定位相对定位的相关文章
关于网页中绝对定位及相对定位的问题始终不太明白,现从网上查到一些相关文章做以收藏! 动态网站制作指南---------------在CSS中有这样的一个指令:(position),在DreamWeaver中文版中翻译为“定位”,常用的属性有两个:relative(相对)与 absolute(绝对)。有很多朋友对这条指令的用法还是不清楚,这里做一些细致的讲解。 position:...原创 2009-07-16 13:35:49 · 86 阅读 · 0 评论 -
table-layout:fixed 属性的解说
table-layout:fixed 属性的解说如果想要一个table固定大小,里面的文字强制换行(尤其是在一长串英文文本,并且中间无空格分隔的情况下),以达到使过长的文字不撑破表格的目的,一般是使用样式:table-layout:fixed。但是在Firefox下面,会有一些问题:firefox下,内容会飘出框外,暂时没有找到解决办法,如果有可以解决此方法的朋友,欢迎来帖,小妮子将十分感激!...原创 2009-07-16 13:36:32 · 343 阅读 · 0 评论 -
详解CSS布局设计块元素和内联元素
块元素(block element)一般是其他元素的容器元素,块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签'P。"form"这个块元素比较特殊,它只能用来容纳其他块元素。 如果没有css的作用,块元素会顺序以每次另起一行的方式一直往下排。而有了css以后,我们可以改变这种html的默认布局模式,把块元素摆放到你想要的位置上去。而不是每次都愚蠢的另起一行...原创 2009-07-16 13:38:36 · 89 阅读 · 0 评论 -
鼠标放上变色代码
变色文字变色变色背景变色原创 2009-07-16 13:39:10 · 318 阅读 · 0 评论 -
网页布局中常用的列表元素ul ol li dl dt dd讲解
DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义,块级元素div尽量少用,和table一样,嵌套越少越好 ol 有序列表。……………… 表现为:1……2……3…… ul 无序列表,表现为li前面是大圆点而不是123………… 很多人容易忽略 dl dt dd的用法 ...原创 2009-07-16 13:39:53 · 185 阅读 · 0 评论 -
css背景渐变的技巧与方法
用css实现网页背景渐变的代码如下: 一、从上往下渐变Example Source Code:body{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000);}二、从左上至右下渐变Exampl...原创 2009-07-16 13:40:30 · 87 阅读 · 0 评论 -
Iframe高度自适应
*一定要设置id属性在之间加入: var iframeids=["test"] var iframehide="yes" function dyniframesize() { var dyniframe=new Array() for (i=0; i原创 2009-07-16 13:41:06 · 83 阅读 · 0 评论 -
你必须知道的10个不常用的HTML标签
http://www.qianduan.net/you-have-to-know-the-10-is-not-commonly-used-html-tags.html原创 2009-09-10 21:31:21 · 105 阅读 · 0 评论