1. 进入搭建本地服务器的官网xp.cn下载软件(phpstudy) 2. 网站的静态方式增删改查不方便,动态方式就不一样了,他们有以下优点: 1. “交互性”,即网页会根据用户的要求和选择而动态改变和响应,将浏览器作为客户端界面,这将是今后WEB发...
HTML代码 ...
js引入方式1. 直接写到html的事件属性中 事件属性: on + 事件名称, 点击事件: onclick Click me function show(ele) { console.log(ele.innerHTML); ...
1.1 箭头函数 当参数只有一个时,圆括号可以省略,如果没有参数,反而不能省当有多个参数时, 圆括号必须要写当有多条语句时,函数体的大括号不能省如果函数体只有一条语句时,可以不写return和”花括号{}” 标准函数写法 func...
1、px:绝对单位,页面按精确像素展示.2、em:相对单位,浏览器文本的默认字号的相对关键字,通常是16px3、rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算. 实例如下图 body{font-size: 2...
CSS样式由一下组成的 标签 申明块 规则 选择器 属性和值组成,用分号隔开 选择器 + 声明块 H1 { color: red; } h1{color:red;} 示例如下图 css引入方式:外部,公共,共享样式表。1. ...
1. 变量与常量的区别1.变量 // 1.1 声明和初始化可以分开操作 let userName; console.log(userName); // 1.2声明时初始化并赋值 let itemName = '手机'; ...
什么是Grid网格布局?网格是由一系列水平及垂直的线构成的以一种二维空间布局模式。常用相关术语 1.网格容器: Grid Container 由若干个矩形网格单元构成2.网格项目: Grid Item 网格容器的子元素,必须放在网络单元中3.网格单元...
1. 将项目在网格单元和容器中对齐的相关属性全部实例演示;项目在网格容器中的对齐方式默认: 项目在网格单元中是拉伸的只有项目在网络单元中存在剩余空间的时候,对齐才有必要且有意义HTML代码 item1
思路: 1.全选框勾选时,单值复选框也勾选2.单值复选框未勾选时,全选框也不勾选3.数量变动时,自动计算数量的总和与金额总和4.单值复选框未勾选时,不参与计算总和,且页面价格不显示为0 首先制作一个购物车HTML表单,如下图所示 HTML代码 ...
1. box-sizing属性; 属性值 说明 box-sizing: content-box w3c标准盒子模型,width/height 不含padding/border box-sizing: border-box 盒模型以元素...
1,什么是Flex 任何元素都可以通过添加display: flex属性,转为弹性盒元素称之为容器 转为flex元素后,它的内部的”子元素”就支持flex布局了,称之为项目 主轴: 项目排列的轴线,水平方向 交叉轴: 与主轴垂直的轴线 Fle...
1.简述定位的类型与应用场景和使用条件 ; position值 说明 static 默认值,也就是文档流定位,元素的显示位置与源码顺序一致; relative 相对定位,相对于该元素在文档流中的原始位置进行偏移 。元素的位置通过 “l...
1.数组与对象的解构 解构要求等号二边类型一致 数组解构 const cars = ['volvo', ['bmw-x1', 'bmw-x2', 'bmw-x3'], 'benz', ]; [car1, [car2, car3, ca...
选择器的提权方式id > class > tag 标签 ID CLASS TAG 说明 h1 0 0 1 TAG 1个 body h2 0 0 2 TAG 2个比上一个优先 html body h2 0 0 3 TAG 3个比上...