根据input的type来控制css样式
<style type="text/css">
/*
根据input的type来控制css样式
*/
/*
1.用css的expression判断表达式
优点：简单，轻量级
缺点：expression判断表达式FireFox是不支持的。致命的是只能区分出一个（例如例子中就只能区分出text文本框），不要试图设置多个，下面的会将上面的覆盖掉
input
{
background-color:expression(this.type=="text"?'#FFC':'#eee');
}
*/
/*
2.用css中的type选择器
优点：简单，明了，可以分区出各个input控件形态。
缺点：type选择器，IE6之前的对web标准支持的不太好的浏览器不能支持
input[type="text"]
{
background-color:aquamarine;
}
input[type="password"]
{
background-color:bisque;
}
input[type="submit"]
{
background-color:blueviolet;
}
input[type="reset"]
{
background-color:chocolate;
}
input[type="radio"]
{
background-color:darkcyan;
}
input[type="checkbox"]
{
background-color:dodgerblue;
}
input[type="button"]
{
background-color:purple;
}
*/
</style>
<script type="text/javascript">
/*
3.用javascript脚本实现
优点：可以分区出各个input控件形态。
缺点：技术牵扯面教广，因为用js后期处理，所以在js没有起作用之前，各个input还是原始状态较致命的是FireFox不支持
*/
function GetCss(obj)
{
var colorArr=new Array("aliceblue","antiquewhite","aqua","aquamarine","darkgreen","darkslateblue","magenta","sienna");
var tpArr=new Array("text","password","submit","reset","radio","checkbox","button","file");
for(var i=0;i<tpArr.length;i++)
{
if(obj.type==tpArr[i])
{
obj.style.backgroundColor=colorArr[i];
}
}
}
function CheckType()
{
var obj = document.getElementsByTagName("input");
for (var i=0;i<obj.length;i++)
{
GetCss(obj[i]);
}
}
</script>
<form>
<input type="text" />
<br>
<br>
&l
相关文档：
内部样式表
内部样式表需要在网页的<head>部分定义，格式如下：
<head>
<style type="text/css">
/*符合CSS语法结构的CSS语句，例如*/
body { background-color: blue; }
</style>
</head>
行内样式表(内嵌样式表)
行内样式表直接在标签内部定义，使用style属性，写法如下：
......
CSS样式的种类：
1 ．HTML 标记符：用于定义HTML 的TAGS 样式，例如 bodyp img 等。
例Style.css中定义的body\h1\p\img 等 例style.css
2 ．类选择器：以 . 开头，样式一旦定义，可就用于任何HTML 元素 。
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Trans
CSS样式的种类：
1
．HTML
标记符：用于定义HTML
� ......
在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比em更加容易使用，大部分读者不知道em为何物或者它相当于多少px。国外人士如此重视网� ......
// 按字符换行
style="word-break: break-all;"
// 按词组换行
style="word-wrap: break-word;"
==========================================================================
==========================================================================
font-family:Ari ......
最近一直很忙，做一个学校的网站项目，是asp.net2.0，做这个项目过程中有好多经验可以总结一下，不过现在项目进度很紧，先放一放，等做完了一起总结一下。今天简单写写使用母版页时内容页中如何使用css和javascript的问题。
由于网站的主要频道页和列表页的头部和底部都是一样的，如果将每个页� ......
