自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 资源 (1)
  • 收藏
  • 关注

原创 JS-BOM相关

《BOM 内涵 及 区分》1.setTimeout 定时器& 形式:window . setTimeout ( 调用函数 ,延迟时间 ) ;& 注意:①:window 可省略;& ②:延迟时间 为 毫秒,不带单位。& 使用:时间到,调用一次 就结束2.setInterval 定时器& 形式:window . setInterval ( 调用函数 ,延迟时间 ) ;& 注意:①:window 可省略;& ②:延迟时间 为 毫秒,不带单位。& 使用:时间到,调用一次

2022-06-19 22:14:57 111 1

原创 元素操作及节点操作

目录元素操作更改标签内容更改元素属性内容更改元素标签样式节点操作方1:自定义变量名 . innerText = ' 内容 ' ;方2:自定义变量名 . innerHTML = ' 内容 ' ; (常用)1.图片类 img . src / img . title / img . alt = ' 内容 ' ;2.表单元素类 ① input . value / input . placeholder = ' 内容 ' ; ② input . type = ' 各种类型框 ' ; ③

2022-06-13 22:20:11 211

原创 JavaScript_事件相关

引入 — — (各类事件)1. 事件对象:代表事件的状态,比如键盘按键的状态、鼠标的位置、鼠标按钮的状态。2.事件对象常见属性: 《鼠标事件对象坐标获取》《键盘事件对象键值获取》 3.禁止鼠标事件:大概整理如上.........

2022-06-06 22:52:28 157 1

原创 Javascript基础

目录初识JSJS引用输入输出变量应用数据类型理论数字型 Number字符串型 String布尔型 Boolean其他型Undefined 、Null注意:可使用 typeof 来测试其类型类型转换运算符自增运算符== 与 ===逻辑与或优先级初识JS内含:运行在客户端的脚本语言; 划分:ECMAScript — —基础语法; DOM — —文档对象模型; BOM — —浏览器对象模型。JS引用行内...

2022-05-09 21:08:33 240 1

原创 移动端及相关布局

相关知识引入 像素 物理像素:真实存在,出场已设置,指的是屏幕的分辨率。 物理像素比:在电脑上进行前端设计时,1个px能显示在手机上的物理像素点个数。例如:iPhone 8的物理像素比为2,即1px为手机上的两倍大小。 二倍图 引入原因:对于设计时的一张50*50(px)图片,在iPhone 8中打开会使其放大两倍,造成图片模糊。 解决方法:找一张100*100(px)的图片,将其设置大小为50*50(px),使其在手机端放大为原图。 视口—— meta视口标签 1..

2022-03-30 21:17:28 501

原创 动画的基本使用

—— animation调用目录定义及语法动画的调用重点注意常用属性调用速写典型例子波点效果放映图标效果打字机及循环移动效果 定义及语法 使用:用@keyframes定义动画,属于CSS3范畴;格式:@keyframes 动画名称 { from / 0% { 起始态; } n% { 中间态(可多个); ...

2022-01-28 16:18:33 1472

原创 2D及3D转换

转换 —— transform目录2D转换移动 —— translate旋转 —— rotate缩放 —— scale2D转换综合写法设置转换中心点3D转换3D移动 —— translate3d2D转换 —— rotate3d透视 —— perspective3D呈现—— transform-style练习使盒子居中旋转出内容框盒子的两面2D转换 移动 —— translate 1.语法:transform:transla.

2022-01-18 22:40:40 1783

原创 css3相关

@规则web图标及引用背景图的应用盒子模糊化处理边缘阴影处理box-shadow——盒子阴影text-shadow——文字阴影过渡效果背景线性渐变

2022-01-15 09:00:00 141

原创 CSS构造六芒星图案

构造六芒星图案思路;构造圆形图案;构造各种类型三角形!

2021-12-13 15:04:43 569

原创 构造两栏布局

前言补充:选择器的组合后代元素 —— 空格 例如:.div li 子元素 —— > 例如:div>ul>li 相邻兄弟元素 —— + 例如:.special+li——给相邻的一个li元素渲染。 后面出现的所有兄弟元素 —— ~ 例如:.special~li——给后面的全部li元素渲染选择器的并列多个选择器, 用逗号分隔...

2021-12-07 21:49:21 404

原创 表格元素及其他元素

表格元素 表格的各部分元素 表格:table元素 标题:caption元素 分框:(1)表头:thead元素;(2)主体:tbody元素;(3)表尾:tfoot元素; 框内子元素:(1)表格行:tr元素;(2)单元格——标题格:th元素、一般格:td元素。 样式及合并 边框折叠: border-collapse:collapse;——会使相邻单元格的边框重叠 单元格合并 ——给框内子元素加属性:colspan=“ ”;——指几列单元格合并 ro..

2021-12-07 20:54:49 2406

原创 表单元素及美化

表单元素其下包含一系列元素,主要用于收集用户数据,其通常为行盒。 input元素 ——为输入框元素,且其为空元素。内部属性type属性(输入框类型)type: text——普通文本输入框type:password——密码框type: date,——日期选择框type: search——搜索框type: checkbox——多选框type: radio——单选框注意:当type值为checbox或radio时,要给对应框设置name来区分组别。val

2021-12-07 19:55:53 813

原创 解决高度坍塌方法

清除浮动 根源: 常规流盒子的自动高度在计算时不会考虑浮动盒子,父元素未定高度,内部元素浮动或定位(除相对定位),导致其脱离文档流,使父元素无法适应其高度,从而造成高度坍塌。 解决方式: 方法一给父元素添加高度,并确保子元素高度和小于它。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-

2021-12-02 22:23:29 141

原创 构造三栏布局

注:主要针对解决三栏布局及解决浮动坍塌题意:写一个三栏布局,

2021-12-02 18:05:04 585

原创 HTML及CSS重点内容总结

构造三角形 思路:采用盒子边框设置; 各边使用一种颜色; 隐藏三边,保留一边,改变形状即为所求。解题:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten..

2021-11-29 14:52:30 134

原创 CSS基础 2

常规流布局规则块盒独占一行,行盒水平依次排列。引入:包含块:每个盒子都有它的包含块,包含块决定了盒子的排列区域。绝大部分情况下:盒子的包含块,为其父元素的内容盒盒子尺寸 宽度 每个块盒的总宽度,必须刚好等于包含块的宽度。 宽度的默认值是auto——自适应。 margin的取值也可以是auto——自适应,但默认值是0。重点:使包含块居中<style> .header{ width: 300px; /*定宽,因为宽的吸收能力大

2021-11-28 21:34:34 107

原创 CSS基础

常见样式声明color指示:元素内部的文字颜色 表示如下:rgb表示法:rgb(0, 255, 0)注:每个颜色可以使用0-255之间的数字来表达色值(红、绿、蓝)hex(16进制)表示法:#红 绿 蓝(#000000)background-color元素背景颜色font-size元素内部文字的尺寸大小px:像素,绝对单位,简单的理解为文字的高度占多少个像素 em:相对单位,相对于父元素的字体大小注:每个元素必须有字体大小,如果没有声明,则直接使用父元素的字体大.

2021-11-25 22:38:23 174

原创 HTML基础

概念Hyper Text Markup Language 超文本标记语言包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的网络资源连接为一个逻辑整体。基本知识 注释 注意:不参与代码运行: 快速生成:ctrl+? 格式: <!-- 注释 --> 元素 组成:元素 = 起始标记+ 元素属性 +元素内容(要显示的东西) + 结束标记,例如: <a href="想跳转的地址">点击此处</a> ..

2021-11-17 20:58:21 568

附件1 实验四存储器写入读出实验参考文档.doc

附件1 实验四存储器写入读出实验参考文档.doc

2021-11-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除