H5
青和的小宝箱
这个作者很懒,什么都没留下…
展开
-
浏览器对象的理解
location用于获取或设置窗体的URL,并且可以用于解析URL。window对象是BOM的核心,window对象指当前的浏览器窗口。history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。screen对象用于获取用户的屏幕信息。...原创 2021-10-07 20:41:34 · 162 阅读 · 0 评论 -
2021-09-22 css单位
Css单位px,rem,em,vw,vh的区别:1.pxpx是像素pixel的缩写,是进行网页布局的基本单位,像素px简单来说,就是相对于显示器屏幕的分辨率的大小。2.emem是相对长度单位。大小取决于当前对象内的父元素的font-size的文本字体尺寸,汝过当前父元素没有设置尺寸,则默认为浏览器的默认字体尺寸3.remrem是CSS3中新增加的一个相对单位,rem的大小取决于HTML的根元素字体大小,一般浏览器默认是16pxhtml{/* 10/16*100%=62.5% 定义原创 2021-09-22 12:36:51 · 119 阅读 · 0 评论 -
H5-3d-魔方
本文使用html css 进行一个3d魔方的设计<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>3D魔方</title> <style> <!-- 清除页面所有内边距,外边距 --> *{ padding: 0;原创 2021-03-18 09:59:56 · 382 阅读 · 0 评论 -
H5-边框 内外边距
设置边框大部分的浏览器中,边框的宽度和颜色都是有默认值,而边框的样式默认值都是noneborder-width:1px ;border-color: red;border-style: solid; border边框的简写样式,通过它可以同时设置四个边框的样式,宽度,颜色而且没有任何的顺序要求border一指定就是同时指定四个边不能分别指定 border-top border-right border-bottom border-left可以单独设置四个边的样式,规原创 2021-03-02 21:27:21 · 3151 阅读 · 0 评论 -
前端学习-吃豆子游戏设计
前端学习练习之吃豆子游戏设计吃豆子游戏游戏截图一、H5样式代码1.H5设计2.js代码样式设计游戏截图一、H5样式代码1.H5设计代码如下(示例):<html><head><meta charset="utf8"><title>吃豆游戏</title><link rel="shortcut icon" href="favicon.png"><style> body{background原创 2021-03-01 12:06:13 · 367 阅读 · 0 评论 -
前端学习-选择器的使用
文章目录前言一、选择器是什么?二、选择器示例1.常用的选择器2.读入数据总结前言H5之选择器的使用一、选择器是什么?“选择器”指明了页面中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。二、选择器示例1.常用的选择器代码如下(示例):<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>常用选择器</title> <..原创 2021-02-28 20:19:43 · 289 阅读 · 0 评论 -
前端学习-扫雷小游戏
**HTML扫雷大战小游戏**提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、游戏截图二、使用步骤1.代码总结前言这里使用html代码5编写了一个扫雷大战小游戏一、游戏截图二、使用步骤1.代码代码如下(示例):<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name=...原创 2021-02-28 19:45:34 · 451 阅读 · 2 评论