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>
我要全分
不可以在PHP页面调用CSS,只能在HTML等浏览器脚本页面调用,你的PHP代码可以同样写在BODY部分<!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"
lang="en">
<head>
<meta
http-equiv="content-type"
content="text/htmlcharset=utf-8"/>
<title>Test</title>
<link
rel="stylesheet"
href="some.css"
type="text/css"
/>
</head>
<body>
<?php
?>
</body>
</html>