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

 

使用链接外部样式文件方式：定义一个独立的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;
    /*下划线*/
}

 

posted @ 2017-02-14 10:52  john。  阅读(6618)  评论(0)    收藏  举报