前端入门—CSS、JS文件引入

前端入门—

CSS文件引入和JS文件引入

前端最核心的三个技术是：HTML、CSS、JavaScript。三者的关系如下：“HTML控制网页的结构，CSS控制网页的外观，JavaScript控制网页的行为”

CSS文件的引入

想要在一个页面中引入CSS，共有以下三种方式。
1、外部样式表
外部样式表是把CSS代码和HTML代码单独放在不同的文件中，然后在HTML文档中使用link标签来引用CSS样式表。

2.内部样式表
内部样式表，指的是把HTML代码和CSS代码放到同一个HTML文件中。其中，CSS代码放在style标签里，并且style标签是放在head标签内部的

3、行内样式表
行内样式表和内部样式表类似，也是把HTML代码和CSS代码放到同一个HTML文件中。但是两者有着本质的区别：内部样式表的CSS是在“style标签”内定义的，而行内样式表的CSS是在“标签的style属性“中定义的。

对于这三种样式表，在实际开发中一般都是使用外部样式表

JavaScript引入

在HTML文件中引入JavaScript，一般也有三种方式
1、外部JavaScript
外部JavaScript是最理想的JavaScript的引入方式。在实际开发中，为了提升网站的性能和可维护性，一般都是使用外部JavaScript。

2、内部JavaScript
把HTML代码和JavaScript代码放进同一个文件中，其中JavaScript代码写在标签对内。

3、元素属性事件
直接在元素的“事件属性”中编写JavaScript或调用函数

JavaScript的引入在内部和外部两种方式中都可以在body中引入，而CSS的外部样式表和内部样式表只能在head中引入。外部CSS文件使用的是link标签，而引入外部JavaScript文件使用的是script标签。