- 浏览: 29521 次
- 性别:
- 来自: 郑州
最新评论
-
fhtwins:
非常好的例子!
dl dd dt的使用 -
skyuck:
不错,有点科技含量了
重置浏览器 -
sky_uck:
skyuck 写道一般般吧。
跟你没办法引起共鸣,哈哈。
超喜欢的网站 -
skyuck:
一般般吧。
超喜欢的网站 -
skyuck:
web标准——_blank开新窗口不符合标准
文章列表
<style tyep="text/css">
.my_css {
overflow:hidden;
word-break:keep-all;
white-space:nowrap;
text-overflow:ellipsis;
width:120px;
height:20px;
font-size:12px;
}
</style>
<div class="my_css"><a title="内容超出后自动隐藏并 ...
使用Reset但并非全局Reset
不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的是,请不要使用全局Reset:
*{ margin:0; padding:0; }
这不仅仅因为它是缓慢和低效率的方法,而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。我跟Eric Meyer的观点相同,Reset并不是一成不变的,具体还需要根据项目的不同需求做适当的修改,以达到浏览器的兼容和操作上的便利性。我使用的Reset如下:
/** 清除内外边距 **/ ...
1. http://www.chunse2005.com
设计与颜色搭配完美的结合
很令人震撼
2. http://www.prorack.com.cn
3. http://travel.cn.yahoo.com(div css 网站)
4. http://autos.cn.yahoo.com/
5. http://www.xmjim.com/
做小企业网站的时候经常会碰到这样一种布局:
布局方法是在大层里套两个小层,一个浮动在左,一个浮动在右。
还有一种比较简单的方法是直接在大层中写内容,more可以加上span浮动在右边。
例如:
<div class="title">
公司简介<span>+more</span>
</div>
.title{
width:500px;
height:30px;
color:#FFF;
line-height:30px;
font-weight:bold;
font- ...
做了一个小企业网站,发现在IE6下超链接的样式并没有被载入
在网上找了很多超链接样式的排序a:link,a:hover,a:visited,a:active
按照他们说的爱恨原则(love,hate)均未见成效
自己又琢磨就一下,终于可以兼容IE6了
.menu ul{
width:300px;
background:#CCCCCC;
margin:0px;
padding:0px;
}
.menu ul li{
background:#999999;
display:block;
height:28px;
width:100px;
list-styl ...
1. LI中内容超过长度后以省略号显示的方法 此方法适用与IE与OP浏览器
li{
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow: hidden;
}
2. div的垂直居中问题 vertical ...
1.去掉多行文本框垂直滚动条
overflow:hidden
2.更改下拉列表背景颜色
select,option{background:#fff;}
1、问题:我做好的FLASH放在PAGE上面以后,它老是循环,请问怎么能够让它不进行循环最回答:后一个Frame(帧)的Action设置成Stop。
2、看一些Flash教程时,经常会看到MC、FC等符号,请问代表什么意思?
回答:MC=Movie Clip,即动画片 ...
<div class="touming">透明度</div>
.touming{
width:100px;
height:50px;
border:1px solid #fff;
filter:alpha(opacity=50); <!--设置透明度:兼容IE,opacity取值范围【0-100】-->
opacity:0.2;<!--兼容firefox,opacity取值范围【0-1】-->
}
dl dd dt 适用于图文混合排版,要比ul li使用起来方便很多:
<div class="dl">
<dl>
<dt><img src="xxx.jpg">这里是图片标题</dt>
<dd>这里就是我们要的内容了!</dd>
</dl>
<dl>
<dt><img src="xxx.jpg" ...
获取元素的值:
1.input标签值的获取.val();
<input type="text" name="nm" value="这里的值"> alert($("input[name=nm]").val()); 输出结果:这里的值
2.对于<div><p>标签一般使用.html()
<p>这里的值</p>
alert($("p").html());
Webkit
-webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*)
例:background: -webkit-gradient(linear, 0 0, 0 100%, from(red), to(blue));
渐变的类型 (linear)
渐变开始的X Y 轴坐标(0 0 – 或者left-top)
渐变结束的X Y 轴坐标(0 100% 或者left-bottom)
开始的颜色 (from( ...
要在新窗口中打开链接通常的做法是在链接后面加target="_blank",我们采用过渡型的DOCTYPE(xh tml1-transitional. dtd)时没有问题,但是当我们使用严格的DOCTYPE(xhtml1-strict.dtd)时,这个方法将通不过W3C的校验。
HTML4.0增加了一个新属性:rel,这个属性用来说明链接和包含此链接页面的关系,以及链接打开的目标。rel有许多的属性值,比如next、previous,、chapter、section等等。我们要使用的就是rel="external"属性。
<a href=&quo ...
- 2009-09-25 17:38
- 浏览 1037
- 评论(1)
1.FF下制作注意:浮动,宽度,margin,padding
不兼容的地方可以写为:
.test { width:??px; *width:??px; _width:??px; }
{}里面依次对应是 FF IE7 IE6
- 2009-09-15 16:23
- 浏览 779
- 评论(0)