如何将CSS、javascript和HTML文件链接在一起_Javascript_Jquery_Html_Css

如何将CSS、javascript和HTML文件链接在一起

javascript jquery html css

如何将CSS、javascript和HTML文件链接在一起,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在努力学习web开发，并在codeacademy上了一些课程。它只是教语法和内容的含义，而不是如何实现它们。有人能帮我理解上面所有的联系吗。我试着制作一个基本的代码，我试着链接一些东西，但是css文件没有链接到网页上的HTML文件代码如下 <!DOCTYP html> <HTML> <head> <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/cs

我正在努力学习web开发，并在codeacademy上了一些课程。它只是教语法和内容的含义，而不是如何实现它们。有人能帮我理解上面所有的联系吗。我试着制作一个基本的代码，我试着链接一些东西，但是css文件没有链接到网页上的HTML文件

代码如下

<!DOCTYP html>
<HTML>
   <head>

    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">


    <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">

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


    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

   </head>
   <body> 
    <div class="nav">
     <div class="container">
      <ul class="pull-left">    
        <li><a href="#">HOME</a></li>
        <li><a href="#">CONTACT</a></li>
      </ul>
     </div>
    </div>

    <div class="jumbotron">
     <div class="container">
      <h1>TRANSFER STUDENT?</h1>
      <h4>INDIA -> US</h4>
      <a href="#">Learn More</a> 
     </div>
    </div>

    <div class="content">
     <div class="container">
      <p>This website has been hosted specially for Transfer Students from India into the colleges in the United
     States. Information regarding transfers, eligibility, life and other important aspects of college life
     as a transfer student is available. If any more information is required please vist the contacts tab.</p>          
     </div>
    </div> 

    <div class="otherlinks">
     <div class="explorer">
      <h3>Explore and know about College Transfers</h3>
      <div class="row">
       <div class="col-md-4">
    <div class=""thumbnail">        
     <a href="#"><img src="http://www.dqindia.com/IMG/410/32410/bits01may312k4.jpg"/></a>
     <a href="#"><img src="http://kaw.stb.s-msn.com/i/BC/4C1785CC7D8E3AAB36924732558E36.jpg"/></a>
     <a href="#"><img src="http://m.harvard.edu/modules/home/images/logo-home.png"/></a>
       </div> 
      </div>
     </div>
    </div>
   </body>
</html>

.jumbotron h1 {
    font-size:30px;
    color:blue;
}

.jumbotron {
    background-image:url('http://urbanupdate.in/wp-content/uploads/
2014/03/india-us-flag.jpg');
}

.nav a {
    color: #5a5a5a;
    font-size: 11px;
    font-weight: bold;
    padding: 14px 10px;
    text-transform: uppercase;
}

此外，我将这些文件保存在同一个文件夹中，其次我使用记分板。还有，如何将我计算机中的其他文件链接到txt文件？我仍然没有包含任何jquery代码，但是如果我错了，请纠正我

jquery代码将放在我链接jquery的脚本标记之后的两个脚本标记内。对吗？

总是这样做，因为有时不起作用。@LeoSarmiento没有这样的事情。HTML属性的顺序不会影响CSS文件的加载方式。我认为这不会导致您的问题，但您应该检查main.CSS文件是否与.HTML文件位于同一目录中。要了解相对和绝对文件路径是如何工作的，您可以参考本文：打开ChromeDeveloperTools中的网络选项卡并刷新页面。CSS文件中的行是什么意思？是否可以通过将html文件名替换为main.css在浏览器中打开css文件？有些东西可能不是你想象的那样，除非有冲突的CSS规则可能优先。右键单击chrome中的元素并检查它。右侧的“样式”选项卡将显示顺序中应用的规则，并删除被其他规则取代的规则。