为什么我们要有外部CSS和JS文件
在这篇文章中,我们将了解到CSS和JS文件。我们将探讨它们的功能和在HTML文档中使用它们的不同方法。在了解了所有这些事情之后,我们将理解为什么我们有外部CSS和JS文件。
CSS是层叠样式表(Cascading Style Sheets)的缩写。CSS用于为你的网站和网页应用样式。它用于使网页看起来更容易理解,更有表现力,对用户更有吸引力。CSS文件可以用任何文本编辑器编写,但必须以.css为扩展名保存。
一个简单的HTML文件给你一个没有组织的信息的网页。为了组织这些信息并以适当的方式显示出来,我们使用CSS文件。CSS的一些用途包括背景颜色选择、字体大小选择、字体颜色、文件宽度等等。
在HTML文档中,有三种使用CSS的方式,即
内联 - 在内联CSS中,我们在
标签中使用CSS属性,每个元素的CSS属性都与该元素本身相连。内部或嵌入 - 在内部CSS中,我们在HTML文档的标题部分使用CSS属性。我们必须在标题部分创建一个<style>
标签,其中包含HTML文档的所有样式。
外部 --在外部CSS中,我们在HTML文档之外定义一个单独的CSS文件,其中包含网页的所有样式。我们使用<link>
标签将外部css文件与HTML文件连接起来,以获得应用于HTML标签的所有css属性。
例子
<!DOCTYPE html>
<html>
<head>
<title>External CSS</title>
<link rel="stylesheet" href="file.css">
</head>
<body>
<h1>Computer Science </h1>
<p>It is the most evolving sector of the industry and there are lot of job opportunities in this field in upcoming years.</p>
</body>
</html>
JS
JS是Java Script的缩写。它是一种网络编程语言,用于为网页提供自定义的 “行为”。通过使用JS,我们可以为网站增加互动性,使其在视觉上具有吸引力,有互动的乐趣,并增加了许多功能,使用户体验更加完善。主要有两种方法,我们可以在HTML文件中使用JS –
- 内部JS– 在这种方法中,我们利用