1. head中全局改变h1 p 样式
<!*************************************************
HTML中的样式
本例演示如何使用添加到head部分的样式信息对HTML进行格式化
***************************************************>
<style type="text/css">
h1 {color:#3F9}
p {color:#00F}
</style>
2. 创建没有下划线链接
head中
<!*************************************************
没有下划线的链接
本例演示如何用样式属性做一个没有下划线的链接
***************************************************>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
<meta http-equiv="Content-language" content="zh-cn"/>
body中
<br/><b>******没有下划线的链接*******</b><br/>
<a href="http://c.hiphotos.baidu.com/image/pic/item/5bafa40f4bfbfbed91fbb0837ef0f736aec31faf.jpg" style="text-decoration:none">
美女图片链接</a>
3. 样式有关代码
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<!*************************************************
HTML中的样式
本例演示如何使用添加到head部分的样式信息对HTML进行格式化
***************************************************>
<style type="text/css">
h1 {color:#3F9}
p {color:#00F}
</style>
<!*************************************************
没有下划线的链接
本例演示如何用样式属性做一个没有下划线的链接
***************************************************>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
<meta http-equiv="Content-language" content="zh-cn"/>
<!*************************************************
连接到一个外部样式表
本例演示如何link标签到一个外部样式表
***************************************************>
<link rel="stylesheet" type="text/css" href="http://c.hiphotos.baidu.com/image/pic/item/5bafa40f4bfbfbed91fbb0837ef0f736aec31faf.jpg">
</head>
<body>
<!*************************************************
所有的格式化代码均可移除HTML文档,然后移入一个独立的样式表
***************************************************>
<br/><b>******HTML中的样式*******</b><br/>
<h1>第一标题</h1>
<p>段落</p>
<br/><b>******没有下划线的链接*******</b><br/>
<a href="http://c.hiphotos.baidu.com/image/pic/item/5bafa40f4bfbfbed91fbb0837ef0f736aec31faf.jpg" style="text-decoration:none">
美女图片链接</a>
<br/><b>******连接到一个外部样式表*******</b><br/>
<h1>我通过外部样式表进行格式化。</h1>
<p>我也一样！</p>
<!*************************************************
如何使用样式表
***************************************************>
<br/><b>******如何使用样式表*******</b><br/>
<pre>
当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化。有以下三种样式表：
<b>外部样式表</b>
当样式需要被应该用到很多页面的时候，外部样式表将是理想的选择。使用外部样式表，
你可以通过更改一个文件来更改整个站点的外观。
<<body>header</body>>
<<body>link rel="stylesheet" type="text/css" href="mystyle.css"</body>>
<<body>header</body>>
<b>内部样式表</b>
当单个文件需要特别样式时，就可以使用内部样式表。你可以在head部分通过<<body>style</body>>标签第一内部样式表
<<body>head</body>>
<<body>style type="text/css"</body>>
body {background-color:red}
p {margin-left: 20px}
<<body>/style</body>>
<b>内联样式</b>
<<body>p style="color:red;margin-left:20px"</body>>
这是一个段落
/p</body>>
访问<a href="http://www.w3school.com.cn/css/index.asp">CSS教程</a>,学习更多有关知识
</pre>
</body>
</html>