HTML初学---如何使用样式
2014-07-31 13:31
309 查看
如何使用样式
当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化。有以下三种方式来插入样式表:外部样式表
当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
内部样式表
当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。<head> <style type="text/css"> body {background-color: red} p {margin-left: 20px} </style> </head>
内联样式
当特殊的样式需要应用到个别元素时,就可以使用内联样式。使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。<p style="color: red; margin-left: 20px"> This is a paragraph </p>
标签 | 描述 |
---|---|
<style> | 定义样式定义。 |
<link> | 定义资源引用。 |
<div> | 定义文档中的节或区域(块级)。 |
<span> | 定义文档中的行内的小块或区域。 |
<font> | 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。 |
<basefont> | 定义基准字体。不赞成使用。请使用样式。 |
<center> | 对文本进行水平居中。不赞成使用。请使用样式。 |
相关文章推荐
- CakePHP: 如何在$html->link中使用自定义样式
- html/css学习零星笔记(一)——如何使用样式
- 如何让HTML标签的同时加载多个样式类(HTML)
- 如何在 Word 中使用自定义样式生成文章目录
- Jmail发送带有附件,正文如何使用HTML
- Flex中如何通过设定headerStyleName样式在Accordion控件中使用嵌入字体的例子
- Flex中如何通过设置fontFamily样式在ComboBox控件中使用自定义嵌入字体的例子
- Java使用正则表达式将UBB的img表达方法转换成html样式
- 如何使用LotusScript代理来发送HTML格式的邮件
- [Silverlight]如何在应用程序中使用Silverlight Toolkit中的主题样式
- Axure RP Pro - jQuery - 如何在Axure RP Pro生成的HTML原型文档中使用自定义脚本
- 如何使用html页面和aspx页面接收参数
- object.insertAdjacentHTML 如何使用?并附上多文件上传的例子
- WebService开发(一) 如何使用Soap头 http://www.cnblogs.com/wayne-ivan/archive/2007/06/19/788539.html
- 使用CopySourceAsHtml+CSS, 打造Dflying Chen博客上的源代码样式
- 如何在应用程序中使用Silverlight Toolkit中的主题样式
- [WinForm每日一帖] 如何使用UltraToolTipManager为控件提供带样式的ToolTip
- 如何使用 JScript 從 HTML 網頁自動化 Excel
- 如何使用PHP来快速将纯ASCII文本完美地转换成为可读的HTML标记
- 如何在多个页面使用同一个HTML片段《续》