CSS通过内联、外联等样式嵌入到HTML中。
1、使用样式表的处理指令语句
在HTML文档的开头部分写一个关于样式表的指令处理语句
复制代码
代码如下:
<?xml-stylesheet type="text/css" href="mystyle.css" ?>
<html>
指令语句
</html>
不过只有使用xml语法格式编写的html文档才支持使用该指令，大多数浏览器仅当被保存为xhtml或xml格式才有效，且JS不能处理这种CSS，所以不建议使用。
2、使用@import命令
在style元素之间使用@import命令导入外部的css文件
复制代码
代码如下:
<head>
<style type="text/css">
<!--下面两行代码效果一样
@import "mystyle.css"
@import url("mystyle.css")
-->
</style>
</head>
任何@import规则必须出现在所有规则之前。参数是一个css文件的URL地址。在一个css文件中也可以用@import指令将另一个css文件导入。
3、使用link元素
复制代码
代码如下:
<head>
<link rel="stylesheet" href="css的url" type="text/css" >
</head>
这也是最常用的方式。
4、使用HTTP消息报头链接到样式表
可以使用HTTP消息报头的link字段链接一个外部样式表。
复制代码
代码如下:
link:<mystyle.css>rel=stylesheet
//等同于<link rel="stylesheet" href="css的url" type="text/css" >
HTTP报头中可以使用多个link，从而链接多个样式表，且HTTP报头中的link比HTML文档中的link（head元素中）具有优先级。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>
<head>
<title>test.html</title>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<table align="center">
<tr><td>
请输入生日:</td><td><input id="t_month" type="text" name="mytext" size="2">月
<input id="t_day" type="text" name="mytext01" size="2">日</td></tr>
<tr><td>
您的星座为:</td><td><input type="text" name="result" id="result" size="8"></td></tr>
<tr><td>
您的运势为:</td><td>
<textarea rows="12" cols="50" name="result01" id="result01" style="display: none"></textarea>
</td></tr>
<tr><td>
<input type="button" value="提交" onclick="mytest()"></td><td>
<input type="button" value="重置" onclick="javascript:window.refresh()"></td></tr>
</table>
</body>
</html>
test.js.
==============================================================
function mytest(){
var m = document.getElementById("t_month").value
var d = document.getElementById("t_day").value
//判断月份输入是否合法．
if(!isNaN(m)){
if((m/1)>12 &&(m/1) <= 0) {
document.getElementById("t_month").value = ""
document.getElementById("t_month").focus()
alert("请输入1到12之间的数字")
return
}
}else{
document.getElementById("t_month").value = ""
document.getElementById("t_month").focus()
alert("请输入1到12之间的数字")
return
}
//判断天数输入是否合法．
//.......条件很多．．我就不写了．
//存储各个星座日期的分界日期的日数
//var splits = ["1.20","2.19","3.21","4.20","5.21","6.22","7.23","8.23","9.23","10.24","11.23","12.22"]
var splits = ["20","19","21","20","21","22","23","23","23","24","23","22"]
var s_d = splits[m-1]
//因为每个月只有一个分界日期．所以可以直接比较月份．
if(((m/1) == 11 &&(s_d/1) <= (d/1)) || ((m/1) == 12 &&(s_d/1) >(d/1))){
document.getElementById("result").value = '射手座'
document.getElementById("result01").value = "8月。运势较差的月份是，2009/9月，2009/10月中旬前，2010/1月，4月，5月，9月，10月。"
document.getElementById("result01").style.display = ""
}else{
document.getElementById("result").value = '天使座'
document.getElementById("result01").style.display = "none"
}
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）