快速入门：搭建前端环境与CSS引入技巧-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_44201981/article/details/116534282

搭建前端环境
去官网直接下载和安装
cmd输入node -v和npm -v如果提示对应的版本号则安装node成功
再cmd输入npm install -g http-server

一、Node的相关知识点

浏览器的内核包含两部分：DOM渲染和JS引擎
js运行在浏览器内核的JS引擎内部、
Node.js是脱离浏览器环境运行的JavaScript程序，它基于V8引擎
Node.js是一门计算机语言，它运行在系统的V8（JVM）引擎中，文件后缀是.js，运行命令是node
Node.js是一个让Javascript运行在服务端的开发平台，它让JavaScript成为与PHP，python，Perl，Ruby等服务端语言平起平坐的脚本语言
2009年Ryan Dahl开发，实质是对Chrome V8引擎进行了封装
-它是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，速度快，性能好

二、用http-server运行简单程序
1.新建一个文件夹和文件保存路径

2.html引入css文件的四种方式

行内式，在标签内部通过设定style属性值来设定CSS样式
嵌入式：将CSS样式写在网页的<head><style>CSS样式</style></head>中
链接式：使用link标签在<head></head>中引入CSS外部文件
导入式<style type=text/css> @import url();</style>引入CSS外部文件

hello.html代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
<head>
    <link href="css/css3.css" rel="stylesheet" type="text/css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html引入css样式的四种方法</title>
    <style type="text/css">
       #css2{
           color: skyblue;
       }
    </style>
 <style type="text/css">
    @import url(css/css4.css);
</style> 
    
</head>
<body>
    <div id="css1" style="background-color: red;">我是行内式，在标签内部使用style属性设定css样式</div>
    <div id="css2">我是嵌入式，在head标签内部使用style标签中写入css样式</div>
    <div id="css3">我是link引用外部css文件</div>
    <div id="css4">我是@import引用外部css文件</div>
</body>
</html>

css3.css的代码