CSS外部链接无效问题

1.css外部链接标签添加在<head>内

2.<link rel="stylesheet" href="path" type="text/css" >


绝对路径:从根目录到目标文件的所有路径

相对路径:相对于当前文件的路径。

                         "./":代表目前所在的目录。

                         "../":代表上一层目录。

                        以"/"开头:代表根目录。


出现问题例子:

html:

<html>
    <head>
        <meta http-equiv="content-type" content="text/html charset=utf-8">
        <title>通过链接形式引入CSS样式</title>
        <link href="t1.css" />
    </head>
    
    <body>
        <h2>页面文字一ffff</h2>
        <p>页面文字二aaaa</p>
        
    </body>
</html>


t1.css:

h2{
    color: #00FFFF;
}

p{
    color: #FF00FF;
    font-weight:200;
    font-size:30px;
}


HTML链接外部CSS无效,原因:link内必须指定HTML与CSS之间关系,即,rel="stylesheet"

猜你喜欢

转载自blog.csdn.net/qq_28026809/article/details/77852934