HTML 样式
在HTML 4.0里,只要是跟排版相关的,都可以从HTML文档里移出,放到单独的样式表(style sheet)里去。
示例
HTML里的样式
本例演示了如何用<head>里定义的样式信息来排版HTML文档。
无下划线的链接
本例演示了如何通过style属性来制作一个无下划线的链接。
链接到外部样式表
本例演示了如何用<link>标签链接到外部样式表。
如何使用样式
当浏览器读取样式表时,它将根据样式表里的信息来对文档进行排版。有三种应用样式表的方法:
外部样式表
若所定义的样式适用于多个不同页面,那么采用外部样式表(external style sheet)是理想的选择。如果采用外部样式表,你只需更改一个文件就可以改变整个网站的外观。每个页面都必须通过<link>标签链接到样式表。<link>标签应放在<head>里。
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> |
内部样式表
若所定义的样式只用于单个文档,那么可以在该文档里使用内部样式表(internal style sheet)。你可以在<head>里用<style>标签来定义内部样式。
<head> <style type="text/css"> body {background-color: red} p {margin-left: 20px} </style> </head> |
内联样式
若所定义样式仅适用于个别元素,那么应当采用内联样式(inline style)。
使用内联样式的方法是,为相应的标签使用style属性。可以在style属性里指定任何CSS属性(CSS property)。下面的例子演示了如何改变一个段落的颜色和左边距:
<p style="color:red; margin-left:20px"> 这是一个段落 </p> |
要了解关于样式的更多内容,请访问CSS教程。
样式标签
标签 | 描述 |
---|---|
<style> | 定义样式 |
<link> | 定义资源引用 |
<div> | 定义块级区域 |
<span> | 定义行内区域 |
<font> | 被弃用的,请用样式代替 |
<basefont> | 被弃用的,请用样式代替 |
<center> | 被弃用的,请用样式代替 |