
DIV+CSS
文章平均质量分 63
peter-wang
这个作者很懒,什么都没留下…
展开
-
DIV与TABLE的比较
现在对于网页制作是选择传统的TABLE还是用新型的DIV,有分歧;一部分说还是用TABLE好,开发快,容易控制,浏览器兼容也好些;另一部分认为DIV好,以后的发展趋势, 主要是如下原因: div+css布局比table布局节省页面代码,代码结构也更清晰明了div+css开发速度要比ta原创 2006-12-04 15:24:00 · 1667 阅读 · 1 评论 -
检测网页是否遵循w3c标准
在线验证:1、网页HTML在线验证:http://validator.w3.org2、网页CSS在线验证:http://jigsaw.w3.org/css-validator本地验证:安装一个Firefox插件:https://addons.mozilla.org/en-US/firefox/addon/html-validator/W3C仅仅是做HTML文档是否符合效原创 2012-08-03 14:48:16 · 1119 阅读 · 0 评论 -
CSS盒子模式之四 - 绝对定位和相对定位
前言在用CSS控制排版过程中,定位一直被人认为是一个难点,这主要是表现为很多网友在没有深入理解清楚定位的原理时,排出来的杂乱网页常让他们不知所措,而另一边一些高手则常常借助定位的强大功能做出些很酷的效果来,比如CSS相册等等,因此自己杂乱的网页与高手完美的设计形成鲜明对比,这在一定程度上打击了初学定位的网友,也在他们心目中形成这样的一种思想:当我熟练地玩转CSS定位时,我就已是高手了。不管你怎转载 2012-06-27 13:23:04 · 1561 阅读 · 0 评论 -
png在IE6下的解决办法
曾经在《关于ie中用png图片做背景的众多问题的解决》文章里讲过用滤镜来解决背景透明的问题,但没有解决循环和定位。正常情况下,ie6不支持png图片做背景,一是不透明,二是不能定位,三是不能循环。今天群里的月下同志的文章参考下我终于解决了这个问题。1、下载iepngfix.zip, 点击下载此文件 其中有三个文件:iepngfix.htc、iepngfix_tilebg.js、blank转载 2012-06-25 17:18:19 · 462 阅读 · 0 评论 -
CSS hack是什么?
Hack是怎么产生的? 由于不同的浏览器,比如IE6,IE7,Firefox等,对CSS的解析标准不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。 这时我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中得到想要的相同的效果。 这个针对不同的浏览器写不同的CSS的过程,就叫css hack。转载 2010-01-14 13:42:00 · 963 阅读 · 0 评论 -
巧用iframe 和div遮挡 select 等控件
Div被Select挡住,是一个比较常见的问题。有的朋友通过把div的内容放入iframe或object里来解决。这样会破坏页面的结构,互动性不大好。另一种方法是:虽说div直接盖不住select,但是div可以盖iframe,而iframe可以盖select,所以把一个iframe来当作div的底。相关代码:class="msg">已添加,您现在还需要继续吗?"close"原创 2008-12-23 17:15:00 · 1449 阅读 · 0 评论 -
改善用户体验之alert提示效果
alert.js代码: /* 作者:Daviv 博客:http://blog.163.com/jxdawei 时间:2006-10-27 感谢:wenming (Blueidea) 功能:弹出提示 方法:调用sAlert("您要弹出的信息"); */ function sAlert(str){ var msgw,msgh,bord转载 2008-12-19 09:38:00 · 743 阅读 · 0 评论 -
优化网站性能 提高网站速度访问速度的14条实践
相信互联网已经越来越成为人们生活中不可或缺的一部分。ajax,flex等等富客户端的应用使得人们越加“幸福”地体验着许多原先只能在C/S实现的功能。比如Google机会已经把最基本的office应用都搬到了互联网上。当然便利的同时毫无疑问的也使页面的速度越来越慢。自己是做前端开发的,在性能方面,根据yahoo的调查,后台只占5%,而前端高达95%之多,其中有88%的东西是可以优化的。以上是转载 2009-01-13 10:12:00 · 1057 阅读 · 3 评论 -
用CSS做的几个漂亮的Button
.btn {BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartCo原创 2008-07-23 12:47:00 · 733 阅读 · 0 评论 -
css导航栏在线生成
这个有意思。可以很方便的生成css到导航栏,并提供生产后的源码下载:http://www.cssmenumaker.com/原创 2008-01-07 12:48:00 · 1443 阅读 · 0 评论 -
排列格式,强大的CSS与标签的结合
pre标签会原样保留HTML内容的格式,可是如果宽度过大会把页面撑坏,这时候需要自动换行来帮忙:自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,挺让人头疼,下面介绍的是CSS如何实现换行的方法对于div,p等块级元素 正常文字的换行(亚洲文字和非亚洲文字)元素拥有默认的white-space:normal,当定义的宽度之后自动换行html正常文字的换原创 2007-09-28 09:49:00 · 885 阅读 · 1 评论 -
实例分析CSS属性Display与Visibility不同
出处:http://www.tot.name 大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的。 visibility属性用来确定元素是显示还是隐藏,这用visibility="visible|hidden"来表示,visible表示显示,hidden表示隐藏。当visibility被设置为"hidden"的时候,转载 2007-05-31 13:27:00 · 890 阅读 · 0 评论 -
span 与 div 的区别
SPAN 和 DIV 的区别在于: 第一种解释:DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素。SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。<span>SPAN标记有一个重要而实用的特性,即它什么事也不会做,它的唯一目的就是围绕你的HTML代码中的转载 2007-05-31 13:05:00 · 736 阅读 · 0 评论 -
添加html内容(insertAdjacentHTML)
添加html内容(insertAdjacentHTML和insertAdjacentText) dhtml提供了两个方法来进行添加,insertAdjacentHTML和insertAdjacentText insertAdjacentHTML方法:在指定的地方插入html标签语句。 原型:insertAdjacentHTML(swhere,stext) 参数: swh原创 2007-04-18 11:52:00 · 1639 阅读 · 0 评论 -
使用DOM动态改变页面外观----读取和设定元素属性
在交互性较强的Web应用中,经常需要动态更改指定元素的属性值,假设变量obj是页面中一个元素的引用,根据W3C DOM标准,可以在JavaScript中使用obj.getAttribute(name)来取得属性的值,并且用obj.setAttribute(name, value)来设置属性值。网页标签中,class是一个常用的属性,用于指定某一个元素遵从一个或多个自定义样原创 2007-01-03 13:08:00 · 1926 阅读 · 1 评论 -
网页布局的九宫格基本布局
九宫格是一种比较古老的设计,它最基本的表现其实就像是一个三行三列的表格。其实它最初是在window的c/s结构中用得比较多,比如我们经常看到软件中的一个窗体,其实就是一个九宫格的典型应用,因为窗体需要在八个方向拉伸,所以在C/S软件中大量采用这种技术来布局设计。在B/S系统大行其道的当今社会,这种布局逐渐被一些网页设计师运用在网页中去,用得最多的就是在圆角框布局中应用。九宫格的基本布局实际原创 2012-08-01 15:42:26 · 3994 阅读 · 2 评论