CSS(Part3) CSS盒子模型 盒子模型 页面布局三大核心:盒子模型、浮动、定位 看透网页布局的本质 网页布局过程:1.先准备好相关的网页元素,网页元素基本都是盒子Box;2.利用CSS设置好盒子样式,然后放到相应位置;3.往盒子里面装内容。 网页布局的核心本质:用CSS摆盒子 盒子模型(Box Model)组成 2024-10-07 #培训阶段
学习笔记10.1 定位 相对定位 : position: relative; /* 以原来的位置上方差100px 左方100px */ top: 100px; left: 100px; 相对自己原来的位置移动, 并且 2024-10-07 #培训阶段
Javascript 基本 内外部js书写方式 内部: <body> <!-- 内部 --> <script>alert('努力')</script> 外部: 输出 <script> 2024-10-07 #培训阶段
JavaScript笔记 概念 一种运行在客户端(浏览器)的编程语言,实现人机交互的效果 作用 网页特效(监听用户行为让网页作出反馈)、表单验证(判断合法性)、数据交互(获取后台数据,渲染到前端)、服务端编程(node.js) 组成 ECMAScript(语言基础)、Web APIs(DOM、BOM) 2024-10-07 #培训阶段
js续 函数: 作用域:先局部再整体 匿名函数: function() 1、函数表达式:let fn=function(形参){ 函数体 } fn() //调用 立即执行函数:直接调用:1.(function(){})()-------------------多个调用时:之间要加分号; 2.(functio 2024-10-07 #培训阶段
JS基础 JS基础 Day1 JS核心与进阶安排 JS基础~5day(基础) let/const变量、数据类型、ES6模版字符串 运算符、分支、循环 数组 函数 对象、内置对象 Web APIs~7day(应用) DOM获取&属性操作 事件核心 2024-10-07 #培训阶段
css高级写法 精灵图 有效地减少服务器接收和发送请求的次数,提高页面的加载速度 使用步骤 移动背景图片位置, 此时可以使用 background-position 。 移动的距离就是这个目标图片的 x 和 y 坐标。注意网页中的坐标有所不同,因为一般情况下都是往上往左移动,所以数值是负值。 使用精灵图的时候需要精 2024-10-07 #培训阶段
JavaScript的基础语法梳理 1. 变量 在 JavaScript 中,使用 var、let 和 const 声明变量。 var:在函数作用域内有效,存在变量提升现象。 let:在块级作用域内有效,不存在提升现象。 const:用于声明常量,必须初始化,且在块级作用域内有效。 var name = "Alice"; // 使用 2024-10-06 #培训阶段