html教程 内容:16

HTML如何使用CSS内部外部内联样式

  • 查看作者
  • 当网页读到样式表,它就会按照你写的样式对内容进行显示,网页插入样式一共有三种方式

    外部样式表

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

    PS:当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。

    内部样式表

    <head>
    <style type="text/css">
    body {background-color: red}
    p {margin-left: 20px}
    </style>
    </head>

    PS:当单个网页模板需要特别样式时,就可以使用内部样式表。

    内联样式表

    <p style="color: red; margin-left: 20px">内容</p>

    PS:当特殊的样式需要应用到个别元素时,就可以使用内联样式。

    请登录之后再进行评论

    登录
    最新评论