[分享]css与js文件夹

在Web开发中，CSS和JS文件夹都是非常重要的文件夹，它们分别存放着网页的样式和交互脚本。下面将分别介绍这两个文件夹的作用。 CSS文件夹： CSS文件夹一般用于存放网页的样式表文件，它们以.cs...

在Web开发中，CSS和JS文件夹都是非常重要的文件夹，它们分别存放着网页的样式和交互脚本。下面将分别介绍这两个文件夹的作用。

CSS文件夹： CSS文件夹一般用于存放网页的样式表文件，它们以.css为文件后缀名，可以通过link标签在HTML页面中引用。在CSS文件夹中，开发者可以根据需要创建不同的样式表文件，例如reset.css，normalize.css等。这些样式表文件可以统一网页的样式，让网页在不同的浏览器下呈现相同的效果。

/*reset.css*/
body{
  margin:0;
  padding:0;
}
 
/*normalize.css*/
h1{
  font-size:36px;
  padding-top:10px;
  margin-bottom:20px;
} 

JS文件夹： JS文件夹一般存放网页的交互脚本文件，它们以.js为文件后缀名，在HTML页面中使用script标签引用。在JS文件夹中，开发者可以根据网页的需求创建不同功能的脚本文件，例如jquery.js，main.js等。这些脚本文件可以实现网页的交互效果，如响应用户的点击事件、实现异步操作等。

/*jquery.js*/
$(document).ready(function(){
  $("button").click(function(){
    $("p").text("Hello World!");
  });
});

/*main.js*/
var btn = document.getElementById("btn");
var box = document.getElementById("box");

btn.addEventListener("click",function(){
  box.style.display = "block";
}); 

综上所述，CSS和JS文件夹都是Web开发中非常重要的文件夹，它们为网页的样式和交互提供了代码基础。