摘要: 后续6章节都是关于伪类的,另开一篇记录。 1、用户行为伪类 (1):hover,手型经过伪类,只适用于PC端,移动端不适用。当:hover效果出现遮挡、:hover元素和显示元素之间有间隔导致用户体验不佳时,可以使用visibility实现元素隐藏显示。具体使用如下: img { visibilit 阅读全文
posted @ 2022-03-12 13:51 crusin丶 阅读(130) 评论(0) 推荐(0) 编辑
摘要: 1、CSS选择器由4类元素组成: (1)选择器:标签(p\body)、类名(.class)、属性([attr])等 (2)选择符:后代关系( )、父子关系(>)、相邻兄弟关系(+)、随后兄弟关系(~)、列关系(||) (3)伪类:前面一个冒号,比如:hover,通常与浏览器行为和用户行为相关联 (4 阅读全文
posted @ 2022-03-05 17:45 crusin丶 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 原文章链接:https://web.dev/vitals/ 优化用户体验质量是任何网站长期成功的关键。无论你是一个企业主,营销人员,或开发人员,Web Vitals可以帮助你量化你的网站的体验,并识别出可以提高的地方。 概述 webvitals是Google发起的一项倡议,旨在为web质量指标提供统 阅读全文
posted @ 2020-11-27 17:34 crusin丶 阅读(334) 评论(0) 推荐(0) 编辑
摘要: 原文章链接:https://web.dev/learn-web-vitals/ 【重点词汇】 1.Vitals ['vaɪt(ə)lz]:生命体征;要害 web Vitals web开发/设计的要点 2.Essential metrics:重要的衡量指标 3.unified 统一的 【翻译】 web 阅读全文
posted @ 2020-11-27 16:10 crusin丶 阅读(193) 评论(0) 推荐(0) 编辑
摘要: 一.git提交代码步骤 1.拉取远程的代码,先pull,查看有哪些差异。 git pull 2.备份自己的文件,把所有差异还原。 3.再次pull,成功后在具体的文件中,把自己的代码粘贴复制过去,再次pull。 4.提交代码到本地 git add . git commit -m '修改注释' 5.推 阅读全文
posted @ 2020-05-07 17:19 crusin丶 阅读(2608) 评论(0) 推荐(0) 编辑
摘要: 原因:In iOS, Safari is now apparently remembering that the element was focussed but not actually focussing it until a touch down event.It is then blindl 阅读全文
posted @ 2018-04-28 00:38 crusin丶 阅读(538) 评论(0) 推荐(0) 编辑
摘要: 一.MVC是什么 1.MVC概念 MVC(Model View Controller),模型(model)-视图(view)-控制器(controller),软件框架的一种。 (1)最上层view视图:用于展示信息,动态的生成HTML,作为响应结果,直接呈现在用户面前。 (2)底层model模型:数 阅读全文
posted @ 2018-04-23 22:39 crusin丶 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 一、媒体查询用法 @media 媒体查询包含一个可选的媒体类型和,满足CSS3规范的条件下,包含零个或多个表达式,这些表达式描述了媒体特征,最终会被解析为true或false。如果媒体查询中指定的媒体类型匹配展示文档所使用的设备类型,并且所有的表达式的值都是true,那么该媒体查询的结果为true. 阅读全文
posted @ 2018-02-27 23:49 crusin丶 阅读(27413) 评论(0) 推荐(0) 编辑
摘要: 参考详细文章:https://www.cnblogs.com/vajoy/p/3735553.html 所谓的“浏览器内核”无非指的是一个浏览器最核心的部分——“Rendering Engine”,直译这个词汇叫做“渲染引擎”,不过我们也常称其为“排版引擎”、“解释引擎”。这个引擎的作用是帮助浏览器 阅读全文
posted @ 2018-02-24 00:18 crusin丶 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 1.关于长度单位 在CSS中长度分为相对长度和绝对长度。 相对长度单位:相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设备相对长度更适用。 绝对长度单位:绝对长度单位是一个固定的值,它反应一个真实的物理尺寸。绝对长度单位视输出介质而定,不依赖于环境(显示器、分辨率、操作系统等)。 在这 阅读全文
posted @ 2018-02-07 01:19 crusin丶 阅读(670) 评论(0) 推荐(0) 编辑