HTML学习笔记（二）样式

最新推荐文章于 2024-04-28 14:06:40 发布

慕林溪

最新推荐文章于 2024-04-28 14:06:40 发布

阅读量611

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/SGZ_06_666666/article/details/51011270

版权

HTML 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

HTML样式：

有三种方式来插入样式表：

1）外部样式表：当样式需要被应用到很多页面的时候，可以使用外部样式表。使用外部样式表，可以通过更改一个文件来改变整个站点的外观。

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

<!h1标题字体为红色，h2标题字体为绿色，段落的字体为蓝色>

<head>
   <style type="text/css">
     h1{color:red}
     h2{color:green}
      p{color:blue}
   </style>
</head>

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

<!显示一个外边距为18，字体颜色为红色的段落>
<p style="color:red;margin:18px">
  我是段落
</p>

<html>
    <head>
       <style type="text/css">
          h1{color:red}
          h2{color:green}
          p{color:blue}
       </style>
    </head>
    <body>
        <h1>我是标题一</h1>
        <h2>我是标题二</h2>
        <p>我是段落</p>
    </body>
</html>