xiaozmn
- 浏览: 358139 次
- 性别:
- 来自: 保定
-
最新评论
-
liomao：
火狐浏览器不通用吧？
收藏本站代码及设为首页代码 -
上善如水：
我刚刚开始写网页，看了不少的写作规范写作规范，可是还是有浏览器 ...
UL-LI 标签结合CSS的运用基础 -
ksmjava：
关于技术人员的前途，目前在国内确实得用"惨淡&quo ...
WEB前端设计师需要的技能 -
AlexChen_China：
Web开放工具是如此的丰富啊...初来乍道很多工具都不知道;
前端开发大众手册(包括工具、网址、经验等) -
xiaoqing20：
不错长见识了
什么是UI
文章列表
关于网页中绝对定位及相对定位的问题始终不太明白，现从网上查到一些相关文章做以收藏!
动态网站制作指南---------------
在CSS中有这样的一个指令：(position)，在DreamWeaver中文版中翻译为“定位”，常用的属性有两个：relative(相对)与 absolute(绝对)。有很多朋友对这条指令的用法还是不清楚，这里做一些细致的讲解。
position:relative; 表示相对定位，被定位了这个属性的标签在所属的范围内可以进行上下左右的移，这里的移动与padding或是margin所产生的位置变化是不一样的。padding与margin是元素本身的一种边距 ...
- 2009-07-16 13:35
- 浏览 1045
- 评论(0)
1. 基本语法
CSS的定义是由三个部分构成：选择符（selector），属性（properties）和属性的取值（value）。
基本格式如下：selector {property: value} （选择符 {属性：值}）
选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开：body {color: black}选择符body是指页面主体部分，color是控制文字颜色的属性，black是颜色的值，此例的效果是使页面中的文字为黑色。
如果属性的值是多个单词组成，必须在值上加引号，比如字体的名称经常 ...
- 2009-07-16 13:34
- 浏览 954
- 评论(0)
大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，下面是 CSS如何将他们换行的方法！
对于div
1.（IE浏览器）white-space:normal; word-break:break-all;这里前者是遵循标准。
#wrap{white-space:normal; width:200px; }
或者
#wrap{word-break:break-all;width:200px;}
<div id="wrap">ddd1111111111111111111111111111111111</div>
效果：可以实现 ...
- 2009-07-16 13:34
- 浏览 2927
- 评论(0)
今天在使用ajax下拉框时发现了一个一问题,就是下拉框会被<select>遮挡,选择框的内容是放在div里的,所以去网上找了一下才知道答案:
原来,只要在div内容后面添加如下代码就可以了
<iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.A ...
- 2009-07-16 13:33
- 浏览 2999
- 评论(0)
IE浏览器下可用
<param name="wmode" value="transparent" />
firefox下可用
<embed src="YourFlash.swf" wmode="transparent" ... ></embed>
原文引自：http://www.fotree.cn/read.php?145
- 2009-07-16 13:32
- 浏览 1172
- 评论(0)
html>
<script>
function changevisible(element){
var children = element.parentNode.childNodes;
for(var i= 0; i<children.length;i++){
if(children[i].nodeName == "DIV"){
var className = children[i].className;
...
- 2009-07-16 13:31
- 浏览 1409
- 评论(0)
也许你在做网页的时候发现，发一个区块内的元素被应用了float之后，那么整个box的高度对就不以被浮动对象的高度为标准了。
如图中的城市导航内的城市列表中采用了float之后，那个外框的高度并不是内容元素的高度：
怎么解决这个问题呢？经发现可以采用overflow来解决！方法是在父元素加上
以下是代码片段：
overflow:auto; zoom:1;
即可
overflow:auto;是让高度自适应， zoom:1;是为了兼容IE6，也可以用height:1%;的方式来解决。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ...
- 2009-07-16 13:31
- 浏览 1048
- 评论(0)
关于使用 display: table-cell; *display: inline; zoom: 1; 的方法的一些说明：
标准浏览器如firefox本身支持display: table-cell，所以DIV这时就相当于一个TD，vertical-align在TD中始终是有效的，所以你可以像控制TD那样控制DIV中任何内容的顶对齐、垂直居中以及底对齐。
但在IE下就不行，IE只是通过模拟出一个hasLayout的块级对象来实现垂直方向的对齐，通常不复杂的情况都没有问题，如：连续的垂直居中。但是，复杂的应用就不清楚IE是怎么实现vertical-align这一属性。
<style type ...
- 2009-07-16 13:30
- 浏览 2653
- 评论(0)
经测试有效，设定图片最宽最高max-width,max-height在高版本的浏览器中都支持，但愚蒙的IE6不支持,这个css很好的解决了各个浏览器下图片尺寸比例的控制问题
定义css样式如下
img{vertical-align: middle;max-width: 630px; width: expression(this.width >630 && this.height < this.width ? 630: true); }
css完美解决图片尺寸问题
-------------
未测试
本文来自:http://hi.baidu.com ...
- 2009-07-16 13:29
- 浏览 1055
- 评论(0)
通常图片与文字放在一起的时候图片往往会偏上，通过设置margin-bottom可以达到文字图片底边对齐的目的
我们在做网页的时候, 会遇到一个图片和文字位置对不齐的问题.(一般表现在图片总是比文字高点)
解决问题最好的办法：.一个关键的属性: margin-bottom 通过修改图片的外边框的底部高度就可以让文字移动上来. 做法是把这个值设置为负数.例如我们把下面的16X15的图片设置它的
<img src="bottom.gif" style="margin-bottom:-3px">
或者在样式里面设置
img {
margin- ...
- 2009-07-16 13:28
- 浏览 1977
- 评论(0)
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 和 width, 但 IE 不会, 故 ...
- 2009-07-16 13:27
- 浏览 904
- 评论(0)
经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的html里加入几段javascript代码即可实现。下面俺就带您剖析它的奥秘。
【1、最基本的弹出窗口代码】
其实代码非常简单：
<script language="javascript">
<!--
window.open ('page.html')
-->
</script>
因为 ...
- 2009-07-16 13:22
- 浏览 952
- 评论(0)
如何在FLASH中打开新窗口
第一步在FLASH中按钮上加上如下动作：
on (release) {
getURL("java script:open_window('map.htm','','toolbars=no,location=no,scrollbars=no,status=no,resizable=no,width=454,height=431')")
}
第二步，新建一页面，将刚才的FLASH插入当前的页面中，并将：
<script language="java script">
<!--
function op ...
- 2009-07-16 13:21
- 浏览 1708
- 评论(0)
控制html元素出现滚动条一般是这样做：
style="overflow:hidden "表示禁止出现滚动条，
style="overflow-x:hidden "只禁止出现水平滚动条。
style="overflow-y:hidden "只禁止出现垂直滚动条。
如果我们想控制一个页面的滚动条，只需把该样式加入到页面的<body>标签内，
如<body style="overflow-x:hidden ">这样该网页就不会出现水平滚动条。
不过以下是比较有趣的现象：
很多网页编辑工具（如d ...
- 2009-07-16 13:20
- 浏览 1485
- 评论(0)
1.IFrame
这个可能是大家最熟悉的.
<IFRAME NAME="neepage" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFRAME>
加上它的一些属性可以实现一些透明,无滚动条等具体的效果.大家可以html教程的相关介绍
但你会发现还会有点问题，就是背景色不同，你只要在引入的文件import.htm中使用相同的背景色也可以，但如果你使用的是IE5.5的话，可以看看这篇关于透明色的文章 如果想引入的文件过长时不出现滚动条的 ...
- 2009-07-16 13:19
- 浏览 2543
- 评论(0)