- 浏览: 329126 次
- 性别:
- 来自: 上海
文章列表
用条件注释让你指定把样式应用给哪个IE版本,如
<!-- [if Ite IE 6] >
<link href="IE_styles.css" rel="stylesheet" type="text/css" />
<!-- [endif] -->
或者,利用@import方法:
<!-- [if Ite IE 6]>
<style type="text/css">
@import url(IE_styles.css)
</style>
< ...
- 2008-04-06 23:04
- 浏览 1615
- 评论(0)
<!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>
<script type="text/javascript">
<!--
function addLoadEvent(fu ...
- 2008-04-03 17:06
- 浏览 3795
- 评论(0)
今天有空就画了几种类型的边框,还不错,我把教程一同附上。
描述:喷溅撕边边框
图片:
步骤:
1.打开需要做边框的图片,双点图片,确定,解锁。
2.用选择矩形框画一个比原图小一圈的选区。
3.按Q(进入快速蒙板)
4.滤镜——画笔描边——喷溅,半径10,平滑度2(按个人需求随便调整)
5.按Q(退出蒙板)
6.CTRL+SHIFT+I(反选),DEL(删除)
7.CTRL+SHIFT+I(反选),编辑——描边,颜色,半径随个人要求随意调整
8.CRTL+D(取消选择),另存为,GIF格式,完成。
描述:层叠效果边框
图片:
步骤:
1.打开需要做边框的图片, ...
最近正在看《CSS实战手册》这本书,发现第五章管理多种样式中的样式优先级公式挺实用的。
有时候我们给同样一个属性用多种方式去定义样式,来自最具体的样式的属性会胜出,但不知道到底哪种样式最具体,好在css还提供了一个公式,他根据指派给样式选择器的值决定样式的特性——标签选择器、类选择器、ID选择器,等等。这个系统是这样进行的:
1.一个标签选择器值1分。
2.一个类选择器值10。
3.一个ID选择器值100分。
4.一个行内样式(如:style)值1000分。
数字越大。特性就越大。(如图)
当不止一个样式应用给一个标签是,一旦样式属性有冲突,网页 ...
<style>
#name{ float:left; height:25px;*height:24px;margin-right:10px;}
#btn{ cursor:pointer; background:#a5a5a5; border:1px solid #666666;padding:1px 3px 3px 3px;float:left;}
#box{ border:1px solid #a5a5a5; background:#a5a5a5; width:144px; color:#000;*margin-top:-15px;*width:146px;}
#box ul{ l ...
<!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>三角形的写法</title>
<meta http-equiv="Content-Type" c ...
- 2008-03-16 21:36
- 浏览 2474
- 评论(2)
1.document.write(""); 输出语句
2.JS中的注释为//
3.传统的HTML文档顺序是:
document->html->(head,body)
4.一个浏览器窗口中的DOM顺序是:
window->(navigator,screen,history,location,document)
5.得到表单中元素的名称和值:
document.getElementByI ...
- 2008-03-16 17:02
- 浏览 2940
- 评论(0)
1. !important
随着IE7对!important的支持,现在IE7和FF都支持!important,可以用!important来区分FF、IE7和IE6的高度。
用法如下:
<style rel="stylesheet" type="text/css">
<!--
.content{background:#a5a5a5;height:100px !important;}/* Moz+IE7 */
.content{background:#a5a5a5;height:200px;}/* IE6 */
-->
</s ...
在xhtml 中引入外部文件往往使用
<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="no" width="100%" height="100%" src="data.html"></iframe>
在xhtml中w3c 判定为不推荐使用ifame标签,推荐改用 object 标签,可以这样使用
<object data=&quo ...
- 2008-03-16 12:20
- 浏览 2434
- 评论(0)
<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content=&qu ...
<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content=&qu ...