03 2022 档案
摘要：#1.数据类型简介 1.为什么需要数据类型 在计算机中，不同的数据类型所占用的数据空间是不同的，我们可以把不同储存空间分为不同的数据类型。 简单来说，数据类型就是数据类别型号。 js 的变量数据类型是只有程序员在运行过程中，根据等号右边的值来确定的。 js 可以拥有动态类型，同时也意味着相同的变量可
阅读全文
摘要：#1.输出 1.prompt(’填写需要输出的内容‘)：浏览器弹出输入框，用户可以输入 2.alert(’填写需要输出的内容‘)：弹出警告框，输出的、展示给用户的，浏览器弹出警告 3.console.log(’填写需要输出的内容‘)：控制台输出，给程序员测试用的，浏览器控制台打印输出信息 #2.变量
阅读全文
摘要：#1.计算机的组成 #2.数据的存储 1.计算机内部使用二进制0和1来表示数据 2.所有数据，包括文件、图片等最终都是以二进制数据（0和1）的形式存放在硬盘中的 3.所有程序，包括操作系统，本质都是各种数据，也以二进制数据的形式存放在硬盘中，平时我们所说的安装软件，其实就是把程序文件复制到硬盘中去。
阅读全文
摘要：#1.计算机语言 计算机语言指用于人与计算机之间通讯的语言，他是人与计算机之间传递信息的媒介。 计算机语言的种类非常多，总的来说，可以分成计算机语言，汇编语言和高级语言三大类。 时间上计算机最终所执行的都是机器语言，他是由“0“和”1”组成的二进制数，二进制是计算机语言的基础。 #2.编程语言 可以
阅读全文
摘要：网格布局是最强大的 CSS 布局方案，它将网页划分成一个个网格，可以任意组合不同的网格做出各种各样的布局。 基本概念： display: grid; 创建网格容器。所有直接子元素都成为 -- grid items(网格项目) 属性：grid-template-columns -- 列宽，grid-t
阅读全文
摘要：animation 属性 animation 用来设置动画的名称、执行时间等。 animation-name：动画名称。 animation-duration：动画执行时间。 animation-iteration-count：动画执行次数，infinite -- 一直执行。 animation-f
阅读全文
摘要：盒子阴影 box-shadow：有六个值，分别是 -- 水平距离、垂直距离、模糊半径、扩散半径、颜色、内外阴影。 除此之外还可以设置多个阴影，语法是：box-shadow: 阴影1效果, 阴影2效果, 阴影3效果; 多个阴影之间用英文逗号隔开 <!DOCTYPE html> <html lang="
阅读全文
摘要：定义的语法：--变量名: 变量值; 使用的时候用 --属性: var(变量名);的方式使用。变量都是公用样式所以一般都放在 :foot 里面。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equi
阅读全文
摘要：目标选择器 div > p：选择 div 的直接子代 p。 div + p：选择 div 后紧跟着的 p。 a[target]：通过 a 标签的 target 属性设置样式。 input[type="text"]：根据 input 的 type 属性值来设置样式，给 type 值是 text 的 i
阅读全文
摘要：响应式布局就是在任何情况下，页面布局效果都不会发生变化，他会根据用户的电脑屏幕，尺寸大小来改变自身的布局。 浏览器窗口，VH和VW，VH 的计算方法就是，将窗口的大小分为100份，vh 的计算方法和 vh 是一样的，一个是计算高，一个是计算宽。 弹性盒子，弹性盒子是CSS3的一种新布局模式，代替浮动
阅读全文
摘要：头部区域运用 header 标签包裹。导航部分运用 nav 标签包裹，左边的 logo 用 h1 包裹，因为有跳转的功能所以里面要有一个a链接，a链接里面再写"米修在线"。右边三个用一个ul包裹，因为可以跳转所以要在 li 里面添加a，在里面再写内容。 <!-- 头部区域 --> <header>
阅读全文
