页面设计
文章平均质量分 72
G018_star sky♬
ᐕ)⁾⁾
展开
-
HTML哪些是块级元素,哪些是行内元素和行内块级元素?
HTML哪些是块级元素,哪些是行内元素、块级元素块级大多为结构性标记 <address>...</adderss> <center>...</center> 地址文字 <h1>...</h1> 标题一级 <h2>...</h2> 标题二级 <h3>...</h3> 标题三级 <h4>...</h4> 标题四级原创 2021-06-17 15:28:13 · 215 阅读 · 0 评论 -
CSS页面效果_浮动幽灵
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body {原创 2020-12-11 21:23:16 · 162 阅读 · 0 评论 -
HTML5 定位
什么是 Geolocation API?HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。Geolocation(地理定位)对于拥有 GPS 的设备,比如 iPhone,地理定位更加精确。使用地理定位Geolocation API 的主要方法是 getCurrentPosition,它用来获得用户的...原创 2020-02-16 16:46:00 · 1768 阅读 · 0 评论 -
Web Workers
什么是Web Workers?JavaScript 语言采用的是单线程模型,也就是说,所有任务只能在一个线程上完成,一次只能做一件事。前面的任务没做完,后面的任务只能等着。随着电脑计算能力的增强,尤其是多核 CPU 的出现,单线程带来很大的不便,无法充分发挥计算机的计算能力。Web Worker 的作用,就是为 JavaScript 创造多线程环境,允许主线程创建 Worker 线程,将一些任...原创 2020-02-16 16:27:51 · 633 阅读 · 0 评论 -
如何使用HTML5中Web存储?
使用 HTML5 Web 存储, 可以在本地存储用户的浏览数据。在 HTML5 之前,本地存储使用的是 cookie。Web 存储的优势更加安全更加快速可以存储大量的数据每个服务器请求都不会发送存储的数据数据以 键/值 对存在,Web 网页的数据只允许该网页访问使用。Web 存储对象的类型Web 存储对象有两种类型:localStoragesessionStoragel...转载 2020-02-15 19:58:20 · 1701 阅读 · 0 评论 -
什么是Canvas?
<canvas> 元素HTML5 <canvas> 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成。<canvas> 标签只是图形容器,您必须使用脚本来绘制图形。getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。你可以通过多种方法使用 Canvas 绘制路径、盒、圆、字符以及添加图像。<c...原创 2020-02-15 19:35:37 · 1731 阅读 · 0 评论 -
HTML5中的SVG是什么?
什么是 SVG?SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准SVG 圆形要使用 SVG 绘制图形,你首先需要创建一个 标签。要创建一个圆形,需要添加一个 标签。下面是 SVG 代码:...原创 2020-02-15 19:17:50 · 2319 阅读 · 0 评论 -
Simpleの纯CSS页面加载条特效
源代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{ margin: 0; ...原创 2019-12-15 11:02:00 · 343 阅读 · 0 评论 -
overflow属性,此溢出非彼溢出
页面上的每个元素都是一个盒子。如果没有设置盒子的高度,那么盒子的高度将随着所需的内容的增大而变大。overflow属性有四个值:visible(默认值),scroll,hidden和auto。scroll值能阻止内容溢出,但会增加出滚动条,通过拉动滚动条可以浏览所有内容。auto - 如果内容溢出被限制,则会添加一个滚动条,使超出的内容可以通过滚动展示出来。hidden - 隐藏掉内容溢出...原创 2019-08-15 22:29:54 · 3874 阅读 · 0 评论 -
纯CSS实现3D效果旋转效果按钮_附源代码
3D Button hover Effects Button Button CSS代码如下:body{margin:100;padding:100;display:flex;justify-content: :center;align-items:center;min-height:100vh;background: ...原创 2019-08-16 18:34:32 · 942 阅读 · 0 评论 -
如何使用jQuery为页面添加流星特效
附上源代码:HTML:<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>热爱可抵年华</title><link href="css/index_style...原创 2019-12-13 15:16:03 · 773 阅读 · 0 评论 -
如何在vue中实现Class与 Style的绑定?Click Here
vue Class 与 Style 绑定Class 与 Style 绑定数据绑定一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是属性,我们可以用 v-bind 处理它们:我们只需要计算出表达式最终的字符串。不过,字符串拼接麻烦又易错。因此,在v-bind 用于 class 和 style 时,Vue.js 专门增强了它。表达式的结果类型除了字符串之外,还可以是对象或数组。...原创 2019-12-13 14:36:57 · 316 阅读 · 0 评论