HTML/CSS——插入样式表的三种方法

来源:互联网 发布:网络造字 编辑:程序博客网 时间:2024/06/05 16:21

当浏览器读到一个样式表时,它就会按照这个样式表来对文档进行格式化。

插入样式表的三种方法

1.外部样式表
当样式表需要被应用到很多页面的时候,外部样式表是比较好的选择。这样就可以通过更改整个一个文件来改变整个站点的外观。

<head><link rel="stylesheet" type="mystyle.css"></head>

2.内部样式表

当单个文件需要特别样式时,就可以使用内部样式表。你可以在head部分通过<style> 标签定义内部样式表。

<head><style type="text/css">body {backgroud-color:red}  //bidy部分的背景是红色p {margin-left:20px}    //p元素的左边距是20px</style></head>

3.内联样式

当特殊的样式需要应用到个别元素时,就可以使用内联样式。方法是在相关的标签中使用样式属性,样式属性可以包含任何CSS属性。

<p style="color:red;margin-left:20px">This is a paragraph</p>

具体的CSS在之后继续学习

0 0
原创粉丝点击