V________的博客

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="css/norm

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="./css/n

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./CSS/reset.css"> <link rel="styleshe

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>第三个界面</title> <link rel="stylesheet" href="css/page3.c

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Web前端基础知识</title> <link rel="stylesheet" href="css/pag

<!DOCTYPE html> <!--文档声明，Document Type，既不是元素也不是注释，用于通知浏览器文档正使用哪个HTML版本--> <html lang="en"> <head> <!--文档头，是HTML元素中第一个子元素--> <meta charset="UTF-8"> <!--空元素，指示浏览器使用UTF-8解析界面--> <meta name="viewpor

ATM简单计算机 const rs = require("readline-sync"); let account1 = 111; let password1 = `1a2b`; let account2 = 222; let password2 = `2b1a`; let balance1 = 1000; let balance2 = 5000; let state = true; console.log(`请输入您的账号`); let inputId = rs.question(); if (!isNa

魔兽世界首页静态界面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="./CSS/reset.css"> <link re

8.17总结 1.重置文件：让相同标签在不同浏览器中显示相同样式 2.判断主流浏览器，内核是不是自主研发 3．主流浏览器 4.开发思路-----垂直化 1.用户群体 A.渐进增强：先搭结构，根据用户，添加功能 B.优雅降级：先开发所有功能。根据用户，进行删减 5. doc.documentElement.style.fontSize = (winWidth / 1080) * 100 + ‘px’; rem fontSize：设置文件字体大小， winWidth：获取当前屏幕宽度，1080为设计稿尺寸， 6

8.13总结 1.有序列表：ol，子级只能是li ，li标签的display：list-item 适用场景：相关的一类内容展示或者分类 2.有序列表：ul 适用场景：导航：header>nav>ul 本身的list-style显示在padding区域，称次盒子，但可让其进主盒子，消除list-style可none也可消除padding  list-style 在一个声明中设置所有的列表属性。 list-style-type 设置列表项标记的类型。 ol lower-roman小写罗马数字 u

8.11总结 1.常见的行盒： 大部分文本类元素：span abbr em I cite strong b，图片和音视频 2.文字必须放置在行内元素中（使其自动换行），否则会自动生成匿名行盒 音视频会生成行盒 3.空白折叠的规则仅适用于行盒内部与行盒之间 4.可使用水平方向上的padding与margin设置内容间的距离 5.由于每个标签在每个HTML中独占一行，在页面中就会产生一个空格，标签为了消除空格，需要在产生空格的父元素中设置font-size:0 6.默认情况下行盒设置宽高，垂直方向上的margi

8.7 总结 1.flex与flex-grow区别（建议使用flex-grow）  Flex设置的项目，会忽略本身尺寸，将剩余空间与本身宽度和 / 份数，再分配  Flex-grow则只计算剩余宽度，将剩余宽度 / 份数，再分配  但多个项目若二者的值相同，则没有区别 2.设置背景图片 Background-image：url（“”）； 雪碧图的操作步骤： 设置标签雪碧图中图片的尺寸（宽高） 已背景图方式引用图片 设置雪碧图图片位置 background-position：- X - Y 行盒

8.3总结 1.盒模型：组成成分4个，所有标签都有 子盒子： 只有content叫内容盒content-box Padding和content叫填充盒padding-box Border和Padding和content叫边框盒border-box 2.改变盒子计算规则 若标签width：200px Box-sizing：content-box（默认值）：内容盒占200px border-box（IE浏览器默认值）：边框盒占200px 一个元素产生什么样的盒子取决于css中的display属性，不能继承的属性

7.29总结 1.一般是指AD或者相关信息，若为AD则靠近书写 2.target：页面打开方式，（为了优化界面，增强用户体验感已经不常用）有_self：当前界面（默认值），_blank：新界面，两个属性值 3.绝对路径：协议号：//域名/目录，可以省略协议号和域名  访问站外资源（第三方）只能使用绝对路径，并且不能省略协议号和域名  当网站部署到服务器上后，网站中的所有资源都可以使用绝对路径访问 4.相对路径：相对于当前资源的位置，只能访问站内资源  书写格式 ./ （可以省略）  当前worksp