使用链接外部样式文件方式

最新推荐文章于 2021-09-05 21:05:18 发布

weixin_30687051

最新推荐文章于 2021-09-05 21:05:18 发布

阅读量657

点赞数

原文链接：http://www.cnblogs.com/john568300/p/6396655.html

版权

使用链接外部样式文件方式：定义一个独立的css文件，添加样式，注意不要在写style
在需要的html中链接指定css文件，在head标签中加入link标签
属性：href：链接css文件路径，type：文件类型，rel：和当前文件的关系

需独立创建一个css文件

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>使用链接外部样式文件方式</title>
    <!--使用链接外部样式文件方式：定义一个独立的css文件，添加样式，注意不要在写style
    在需要的html中链接指定css文件，在head标签中加入link标签
    属性：href：链接css文件路径，type：文件类型，rel：和当前文件的关系-->
    <link href="Style.css" type="text/css" rel="stylesheet"/>
</head>
<body>
    <p>功夫瑜伽一</p>
    <p>功夫瑜伽二</p>
    <p>功夫瑜伽三</p>
    <div>成龙</div>
    <br>
    <div>高圆圆</div>
</body>
</html>

　　css代码

p{
    font-family: "黑体";
    font-size: 20;
    color: blueviolet;
    text-align: center;
    /*居中显示*/
}

div{
    color: blue;
    text-decoration: underline;
    /*下划线*/
}