博客
分类
标签
归档
更多
主站
我的GitHub
昼夜切换
博客
分类
标签
归档
更多
主站
我的GitHub
昼夜切换
欢迎来到寇强的个人博客
这个人很懒,没填写介绍
博客
分类
标签
归档
主站
我的GitHub
前端开发入门经验
前端开发入门经验1、<img />图片底部出现空白原因:是图片的默认垂直方式所导致的,图片底部默认和文字基线baseline对齐。 解决方法: 结合开发需要,设置图片标签的vertical-align属性为其它对齐方式: 12345vertical-align: top;vertical-align: text-top;vertical-align: middle;vertic...
2024-05-23
前端
前端
阅读全文
JavaScript——技术篇
JavaScript——技术篇一、js事件事件处理的过程分三步: 发生事件 启动事件处理程序 事件处理程序作出反应 事件处理程序可以是任意的js语句,我们一般用的特定的自定义函数来对事件进行处理。 (一)js的常用事件1、鼠标键盘事件 事件 说明 onclick 鼠标单击时触发此事件 ondblclick 鼠标双击时触发此事件 onmousedown 按下鼠标时触发此事...
2024-05-14
前端
前端
阅读全文
HTML图像热区链接
HTML图像热区链接🎨图像热区链接 说明:对一张图片设置自定义形状区域链接到不同地址。 使用到的标签:<img />、<map></map>、<area /> 使用方法: 先对目标图像标签设置usemap属性,属性值为井号#加自定义map名称: 1<img src="..." usemap="#map...
2023-12-19
前端
前端
阅读全文
HTML5多媒体
HTML5多媒体一、概述在HTML5之前要在网页加入视频,必须使用object和embed元素并为其添加许多属性和参数,而且需要Flash插件。 而在HTML5中新增了<video></video>与<audio></audio>元素专门用于播放视频和音频。 1234567<audio src="" autoplay=...
2023-12-18
前端
前端
阅读全文
SVG入门基础_01
SVG入门基础_01一、SVG介绍SVG 是使用 XML 来描述二维图形和绘图程序的语言,SVG指可伸缩矢量图形 (Scalable Vector Graphics)。 SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失...
2023-08-23
前端
前端
阅读全文
JavaScript——常用功能的实现
JavaScript——常用功能的实现各种功能实现的思路及代码 一、昼夜主题切换功能在没有后台服务器,前端只有静态页面时,用js就可以实现昼夜主题切换。不过缺点是默认主题不能随时间变化,且每刷新一次页面都会恢复为默认样式。 如果有后端,则应该根据客户端请求网页的不同时间来动态创建不同主题的前端页面! 思路一:更改css文件提前写好两个配色主题(css文件),利用点击按钮绑定js函数去更改头部...
2023-01-14
前端
前端
阅读全文
CSS进阶
CSS进阶n.css设置背景渐变色1.线性渐变 123456789101112131415161718* { background: linear-gradient(渐变方向,开始颜色 偏移量...,结束颜色 偏移量);}/* 渐变方向:1.关键字指示to top, to bottom, to left top,等,left和top等关键字的前后顺序无所谓!2.de...
2022-12-22
前端
前端
阅读全文
CSS学习总结
CSS学习总结一、CSS引入方式1.外部引入在HTML文件头部信息内(<head></head>标签内)通过<link>标签引入外部CSS文件: 1<link rel="stylesheet" href="文件的路径" type="text/css" /> 此处的rel属性必写且值...
2022-12-22
前端
前端
阅读全文
JavaScript——基础篇
JavaScript——基础篇一、入门介绍等(一)JavaScript的组成部分: ECMAScript 整个JavaScript的核心,包含基本语法、变量、关键字、保留字、数据类型、语句、函数等,各平台都使用ECMA标准,因此不存在不同系统不兼容问题。 123ECMAScript核心——JavaScript面向对象编程Java 是面向对象,写Java程序,写类和对象。而JavaScript...
2022-10-17
前端
前端
阅读全文
HTML学习总结
HTML学习总结123456789101112<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>页面标题</title> </head> <body> ...
2022-07-19
前端
前端
阅读全文