为什么我的样式表没有链接到我的HTML文件?

时间:2016-12-16 19:40:35

标签: html css gradient

所以我试图让html文件的背景显示为渐变。例如,像这样:http://uigradients.com/#但是,我的样式表没有链接到我的HTML文件,所以不仅我的字体不起作用,而且我的渐变也不是。

基本上,这是我的索引文件在我搞砸之前看起来的样子:http://crwirth.github.io我基本上所做的就是让背景成为渐变。

这是我的HTML文件:                                       

<link href='https://fonts.googleapis.com/css?family=Lobster'       rel='stylesheet' type='text/css'>
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" type="text/css" href="index.css"  media="screen">

</head>
<!--–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<body>
    <div class="element">
            <h1><a id="line1" class="categories" title="shortblurb1"  font-family="'Lobster', cursive" font-weight="normal" text-align="left" ;>Welcome, I hope you enjoy everything you encounter here:</a></h1>
            <h2><a id="line2" class="categories" href="https://github.com/crwirth" title="shortblurb2" font-family="'Lobster', cursive" font-weight="normal" text-align="left" ;>My GitHub</a></h2>
            <h2><a id="line2" class="categories" href="https://wirthrcody.wordpress.com/" title="shortblurb2" font-family="'Lobster', cursive" font-weight="normal" text-align="left" ;>My Blog</a></h2>
            <h4><a id="line5" class="categories" href="https://twitter.com/codyrwirth" title="shortblurb5" font-family="'Lobster', cursive" font-weight="normal" text-align="left" ;>Follow me on Twitter</a></h4>
            <h5><a id="line6" class="categories" href="https://www.linkedin.com/in/wirthcodyr"title="shortblurb6" font-family="'Lobster', cursive" font-weight="normal" text-align="left" ;>Connect with me on LinkedIn</a></5>
                    <style>
                    </style>
            </div>
</body>
</html>

好的,这是我的CSS文件:

background: #ee0979; /* fallback for old browsers */
background: -webkit-linear-gradient(to left, #ee0979 , #ff6a00); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #ee0979 , #ff6a00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */


html {
    background-color: #ee0979;
}

a {
    color: black;
    text-decoration: none;
    font-family: "Lobster", cursive;
    text-align: left;
}

h1 {
  color: black;
  font-family: "Lobster", cursive;
  font-size: 1.9em;
  text-align: left;
  margin-left: 15px;
  margin-top: 20px;
  padding-left: 60px;
  padding-top:  10px;
  padding-bottom: 25px;
     }

 a:hover {
    text-decoration: underline;
}


 a {
         color: black;
         font-family: "Lobster", cursive;
         font-size: 3.1em;
         text-align: left;
         padding-left: 40px;
         padding-top: 15px;
         padding-bottom: 15px;
 }

1 个答案:

答案 0 :(得分:0)

您的问题中的代码很好,但在您的网站中存在对css文件的错误引用

enter image description here