![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
文章平均质量分 61
G018_star sky♬
ᐕ)⁾⁾
展开
-
CSS-filter-hue-rotate()属性实现酷炫文字特效
hue-rotate()hue-rotate() (en-US) 函数在输入图像上应用色相旋转。angle 一值设定图像会被调整的色环角度值。值为 0deg,则图像无变化。若值未设置值,默认为 0deg。该值虽然没有最大值,超过 360deg 的值相当于又绕一圈。应用实例:<!DOCTYPE html><html><head> <meta http-equiv="content-type" content="text/html; charset=u原创 2022-04-22 15:16:24 · 775 阅读 · 0 评论 -
前端_响应式布局原理(1)
网页的响应式设计是一种设计实践,这种设计实践是随着移动互联网时代的到来而逐渐兴起的。随着智能设备的兴起,人们不再仅仅是通过个人电脑来访问网页,还有可能使用智能手机或者平板电脑,如何适配各种不同尺寸大小,不同分辨率的设备,为网页设计带来了新的挑战。而响应式设计就是一种解决方案,采用响应式设计后,同样的一个网页会在不同设备上显示不同的布局,从而带来良好的用户体验。本文将通过设计一个简单到不能再简单的响应式框架来展现响应式设计的基本原理。一. 什么是响应式设计就像我们可以用盒子模型的思维来看待网页一样,我们同原创 2021-03-08 18:59:08 · 322 阅读 · 0 评论 -
前端开发_浏览器兼容性问题(1)
市场上浏览器种类很多,不同浏览器的内核也不尽相同,所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种,一是渲染引擎,另一个是js引擎,内核更加倾向于说渲染引擎。常见的浏览器内核可以分四种:Trident、Gecko、Blink、WebkitIE浏览器:Trident内核,也称为IE内核Chrome浏览器:Webkit内核,现在是Blink内核Firefox浏览器:Gecko内核,俗称Firefox内核Safari浏览器:Webkit内核Opera浏览器:最初是自己的Presto内核原创 2021-03-08 15:27:56 · 182 阅读 · 0 评论 -
html5新增属性有哪些?
1.语义化标签对比之前HTML没有体现结构语义化的标签,如:<div id="header"></div> //表头的声明HTML5提供语义化标签,如:<header><article><footer><nav><aside><section>等2.增强型表单多个新的表单 Input 输入类型,如:color,url,date等这些新特性提供了更好的输入控制和验证。新增表单元素,如:&原创 2021-03-06 14:25:53 · 636 阅读 · 0 评论 -
HTML5中的historyAPI _history.pushState() 和 history.replaceState() 方法
HTML5引入了 history.pushState() 和 history.replaceState() 方法,它们分别可以添加和修改历史记录条目。这些方法通常与window.onpopstate 配合使用。使用 history.pushState() 可以改变referrer,它在用户发送 XMLHttpRequest 请求时在HTTP头部使用,改变state后创建的 XMLHttpRequest 对象的referrer都会被改变。因为referrer是标识创建 XMLHttpRequest 对象时原创 2021-02-27 17:13:49 · 729 阅读 · 0 评论 -
行内元素和块级元素的区别?
块级元素列表<address> 定义地址 <caption> 定义表格标题 <dd> 定义列表中定义条目 <div> 定义文档中的分区或节 <dl> 定义列表 <dt> 定义列表中的项目 <fieldset> 定义一个框架集 <form> 创建 HTML 表单 <h1> 定义最大的标原创 2021-02-26 22:10:57 · 91 阅读 · 0 评论 -
原生JS 简易时钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> #wrap { position: absolute; top: 50%; left: 50%;原创 2021-02-25 21:03:28 · 86 阅读 · 0 评论 -
HTML5 定位
什么是 Geolocation API?HTML5 Geolocation API 用于获得用户的地理位置。鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。Geolocation(地理定位)对于拥有 GPS 的设备,比如 iPhone,地理定位更加精确。使用地理定位Geolocation API 的主要方法是 getCurrentPosition,它用来获得用户的...原创 2020-02-16 16:46:00 · 1740 阅读 · 0 评论 -
Web Workers
什么是Web Workers?JavaScript 语言采用的是单线程模型,也就是说,所有任务只能在一个线程上完成,一次只能做一件事。前面的任务没做完,后面的任务只能等着。随着电脑计算能力的增强,尤其是多核 CPU 的出现,单线程带来很大的不便,无法充分发挥计算机的计算能力。Web Worker 的作用,就是为 JavaScript 创造多线程环境,允许主线程创建 Worker 线程,将一些任...原创 2020-02-16 16:27:51 · 589 阅读 · 0 评论