1,内联样式
内联样式是直接在html标签上定义该标签的css样式,如:
<div style="width:100pxheight:100px"></div>
2,内部样式
内部样式是写在html文件中,且包含在<style></style>代码块中,style写在head里面如:
<style>
div{width:100pxheight:1000px}
</style>
<div></div>
3,外部样式
外部样式是通过在html中引用外部css文件来控制样式,如:
html文件中写入引用语句:
<link href="css文件路径" rel="stylesheet" media="screen" />
我觉得可能加入第4种:
通过js动态加载。
看代码,一看就懂1.
{literal}
<script type="text/javascript" src="/javascript/wap/jquery.js"></script>
<script type="text/javascript" src="/javascript/wap/user.js"></script>
<script type="text/javascript" src="/javascript/wap/self_list.js"></script>
{/literal}
2.
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>查看个人历史注册记录</title>
<link href="/style/wap/pub.css" rel="stylesheet" type="text/css" />
<link href="/style/wap/ht_css.css" rel="stylesheet" type="text/css" />
<link href="/style/wap/admin.css" type="text/css" rel="stylesheet" />
<link href="/style/wap/datetime/jquery.ui.all.css" rel="stylesheet" type="text/css" />
</head>
我要全分