1.安装vscode,然后安装以下三个插件 Auto Rename Tag HTML CSS Support Live Server 2. HTML格式文件的标准格式 3.HTML常用文本标签 标题标签,已拥有六个等级的标题标签,h1到h6 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini...
body的width:100%,第一个内容div的:width保证了界面的伸缩性,视觉上居中的内容div设置固定值保证了界面不具有伸缩性,其左右边距的auto却帮助其在界面上自动控制。 5,解释图如下:
1、开发环境js、css不压缩,可在浏览器选中代码调试 2、开发环境运行http服务指向打包后的文件夹 3、babel输出浏览器兼容的js代码 二、需要安装的包 babel-loader:输出浏览器兼容的js代码;命令: npm install --save-dev babel-loader @babel/core @babel/preset-env webpack-dev-server: 快速搭建本地运行环境;命...
<hr>:水平线 html骨架: <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, initial-scale=1.0"><title>Document</title></head><body></body></html> html:整个网页 head:网页头部,存放给浏览器看的代码,例如CSS body:网页主体,存放给...
(1)HTML,CSS,JS都是单独的语言; (2)HTML,CSS,JS构成前端技术基础; 2.三剑客的分工 (1)HTML:负责网页的架构; (2)CSS:负责网页的样式,美化; (3)JavaScript(JS):负责网页的行为; 二.VsCode的介绍与配置 1.vscode的介绍 vscode 全称为 Visual Studio Code ,是⼀款免费开源的现代化轻量级代码编辑器,⽀持...
HTML中引入css和js的方法,HTML文件中怎么样引入c样式和j,这篇文章总结了在html中引入c和j的方法。下面我们分两部分分别来介绍,大家可以在做网页的时候根据情况来使用。
html css javascript组件库 html css js项目 一、项目来源 慕课网—手把手从0打造电商网页开发 网址:https://www.imooc.com/learn/1236 源码:右侧资料下载 二、摘要 1.基本框架搭建(三、1-3) 2.实现html+css效果,一些要点笔记(三、4-8) 3.js效果步骤分析(三、9-10)...
npm install url-loader file-loader img-loader –save-dev//url-loader file-loader用于打包css中的图片,img-loader用于图片压缩npm install html-webpack-plugin –save-dev//打包html文件 此时package.json如下: image 6.在webpack下新建目录src,并在src建立相应的资源目录,login.html不需要引入js和css文件,打...
在运行前打包前我们需要在src目录下新建一个index.html,这个文件不需引入index.js,因为我们在webpack里面已经配置了entry入口信息,系统会自动帮我们把打包后的入口js文件在html中引入。 5、处理css文件(css-loader、style-loader) 一般css文件,我们都是在html中直接引入使用的。但目前我们已经有了统一的index.js入口...
CSS部分 body{height:5000px;}*{margin:0;padding:0;}a{text-decoration:none;}/*这一部分主要就是第一个看到的开屏页面*/.开屏页面{display:flex;width:96%;height:300px;background-image:url(主页封面.png);background-size:cover;background-position:left;background-repeat:no-repeat;border-width:10px...