html css js
关注
分享
扫一扫
文章平均质量分 82
zzy-cl
愿你，沉定又执着，对每件热爱的事物都全力以赴又满载而归，变成一个美好的人，做美好的事。
展开
-
Js小游戏---开心贪吃蛇
夏已至，万物盛，愿所有美好纷沓而来！原创 2022-06-20 14:56:57 · 596 阅读 · 0 评论 -
12-HTML基础回顾
本文主要内容 html 的常见元素 html 元素的分类 html 元素的嵌套关系 html 元素的默认样式和 CSS Reset html 常见面试题 html 的常见元素html 的常见元素主要分为两类：head 区域的元素、body 区域的元素。下面来分别介绍。1、head 区域的 html 元素head 区域的 html 元素，不会在页面上留下直接的内容。 meta title style link原创 2021-09-01 14:46:54 · 146 阅读 · 0 评论 -
11-HTML5详解（三）
Web 存储随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，传统方式我们以document.cookie来进行存储的，但是由于其存储大小只有4k左右，并且解析也相当的复杂，给开发带来诸多不便，HTML5规范则提出解决方案。H5 中有两种存储的方式1、window.sessionStorage 会话存储： 保存在内存中。 生命周期为关闭浏览器窗口。也就是说，当窗口关闭时数据销毁。 在同一个窗口下数原创 2021-09-01 14:46:12 · 176 阅读 · 0 评论 -
10-HTML5详解（二）
本文主要内容 拖拽 历史 地理位置 全屏 拖拽如上图所示，我们可以拖拽博客园网站里的图片和超链接。在HTML5的规范中，我们可以通过为元素增加 draggable="true" 来设置此元素是否可以进行拖拽操作，其中图片、链接默认是开启拖拽的。1、拖拽元素页面中设置了 draggable="true" 属性的元素。举例如下：<!DOCTYPE html><html lang="en"><head>原创 2021-09-01 14:45:08 · 183 阅读 · 0 评论 -
09-HTML5举例：简单的视频播放器
我们采用 Bootstrap 网站的图标字体，作为播放器的按钮图标。index.html的代码如下：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <!-- 引入字体图标的文件--> <link rel="stylesheet" href="css/font-aweso原创 2021-09-01 14:42:52 · 333 阅读 · 0 评论 -
08-HTML5详解
HTML5的介绍Web 技术发展时间线 1991 HTML 1994 HTML2 1996 CSS1 + JavaScript 1997 HTML4 1998 CSS2 2000 XHTML1（严格的html） 2002 Tableless Web Design（表格布局） 2005 AJAX 2009 HTML5 2014 HTML5 Finalized 2002年的表格布局逐渐被淘汰，是因为：表格是用来原创 2021-09-01 14:39:47 · 392 阅读 · 0 评论 -
07-html标签图文详解（二）
本文主要内容 列表标签：<ul>、<ol>、<dl> 表格标签：<table> 框架标签及内嵌框架<iframe> 表单标签：<form> 多媒体标签 滚动字幕标签：<marquee> 列表标签列表标签分为三种。1、无序列表<ul>，无序列表中的每一项是<li>英文单词解释如下： ul：unordered list，“无序列原创 2021-09-01 14:37:13 · 752 阅读 · 0 评论 -
06-HTML标签：图片标签
img标签介绍介绍img: 英文全称 image（图像），代表的是一张图片。如果要想在网页中显示图像，就可以使用img 标签，它是一个单标签。语法如下：<img src="图片的URL" />能插入的图片类型 能够插入的图片类型是：jpg(jpeg)、gif、png、bmp等。 不能往网页中插入的图片格式是：psd、ai等。 HTML页面不是直接插入图片，而是插入图片的引用地址，所以要先把图片上传到服务器上。img标签的src属性这里涉及到图片的原创 2021-09-01 14:33:10 · 876 阅读 · 0 评论 -
05-HTML标签：字体标签和超链接
本文主要内容字体标签： <font>、 <b>、 <u> 、<sup> 、<sub>超链接 <a>字体标签特殊字符（转义字符） ：空格 （non-breaking spacing，不断打空格） <：小于号（less than） >：大于号（greater than） &：符号& "：双引原创 2021-09-01 14:26:20 · 398 阅读 · 0 评论 -
04-HTML标签：排版标签
本文主要内容排版标签： <h1> <p> <hr /> <br /> <div> <span> <center> <pre> 下面来详细介绍一下排版标签。标题标签标题使用<h1>至<h6>标签进行定义。<h1>定义最大的标题，<h6>定义最小的标题。具有align属性，属性值原创 2021-09-01 14:25:38 · 689 阅读 · 0 评论 -
03-初识HTML
编辑器相关前端开发的编辑器软件，我首先推荐 VS Code，其次推荐Sublime Text。有人说 WebStorm 也不错？但真实情况是，自从VS Code 问世之后，用 WebStorm 的人越来越少了。PS：文件的后缀名不能决定文件格式，只能决定打开文件打开的方式。VS Code 的使用详情请移步至：第一次使用VS Code时你应该知道的一切配置Sublime Text 的使用详情请移步至：Sublime Text使用技巧HTML的概述HTML的概念HTML原创 2021-09-01 14:24:46 · 282 阅读 · 0 评论 -
02-浏览器的介绍
常见的浏览器浏览器是网页运行的平台，常见的浏览器有谷歌（Chrome）、Safari、火狐（Firefox）、IE、Edge、Opera等。如下图所示：我们重点需要学习的是 Chrome 浏览器。浏览器的市场占有份额浏览器的市场占有份额：https://tongji.baidu.com/research/site?source=index#browser上面这张图的统计时间是2020年2月。浏览器的组成浏览器分成两部分： 1、渲染引擎（即：浏览器内核） 2原创 2021-08-31 22:07:34 · 905 阅读 · 0 评论 -
01-认识Web和Web标准
Web、网页、浏览器WebWeb（World Wide Web）即全球广域网，也称为万维网。我们常说的Web端就是网页端。网页网页是构成网站的基本元素。网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。我们在浏览器上输入网址后，打开的任何一个页面，都是属于网页。浏览器浏览器是网页运行的平台，常见的浏览器有谷歌（Chrome）、Safari、火狐（Firefox）、IE、Edge、Opera等。关于浏览器的详细介绍，可以原创 2021-08-31 21:41:05 · 223 阅读 · 0 评论 -
Less，让自己的css代码更加文艺
什么是Less？Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档（中文版），包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。因为 Less 和 CSS 非常像，因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展，这就是 Less 如此易学的原因之一。Less 到底为 CSS 添加了什么功能？以下就是这些新加功.原创 2021-08-30 16:24:39 · 278 阅读 · 0 评论 -
JavaScript 补缺笔记
数组定义方法var arr=[1,2,3,4,5] 使用字面量创建数组arr=[10] 创建一个只有数据10的数组arr=new Array(10) 创建一个长度为10的数组arr=["hello",1,true,null,undefined] 数组中元素可以是任意数据类型函数push() -该方法可以向数组的末尾添加一个或多个元素，并返回数组的新长度 -可以将要添加的数组作为方法传递，这样这些元素将会自动添加到数组的末尾 var arr=["赵泽宇","陈文芳","小小妹"]原创 2021-08-25 11:11:38 · 159 阅读 · 0 评论 -
JavaScript BOM 学习（二）
JavaScriptWindow Screenwindow.screen 对象包含有关用户屏幕的信息。Window Screenwindow.screen对象在编写时可以不使用 window 这个前缀。一些属性：screen.availWidth - 可用的屏幕宽度 screen.availHeight - 可用的屏幕高度Window Screen 可用宽度screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏。实例返.原创 2021-08-24 22:08:51 · 91 阅读 · 0 评论 -
JavaScript BOM 学习（一）
一：JavaScriptWindow - 浏览器对象模型浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器"对话"。浏览器对象模型（BrowserObjectModel (BOM)）尚无正式标准。由于现代浏览器已经（几乎）实现了 JavaScript 交互性方面的相同方法和属性，因此常被认为是 BOM 的方法和属性。1.Window对象所有浏览器都支持 window 对象。它表示浏览器窗口。所有 JavaScript 全局对象、函数以及变量均自动成为 wi...原创 2021-08-24 21:53:55 · 104 阅读 · 0 评论 -
一：css和css3零散知识
（一）知识点详解Ⅰ.css3 pointer-events pointer-events更像是JavaScript，它能够： 阻止用户的点击动作产生任何效果 阻止缺省鼠标指针的显示 阻止CSS里的 hover和 active状态的变化触发事件 阻止JavaScript点击动作触发的事件 2.具体用法pointer-events: auto | none | visiblePainted | visibleFill | visibleStroke |原创 2021-08-23 14:20:37 · 286 阅读 · 0 评论