HTML与CSS
文章平均质量分 88
HTML5及CSS相关知识点
如果皮卡会coding
深大本硕。擅长前端,了解一点点c++、java、python、强化学习、语言模型、游戏开发的积木。准备搭建一个新世界ing...
展开
-
【CSS】网格布局(简单布局、网格合并、网格嵌套)
CSS网格布局是一种强大的CSS布局系统,它简化了页面的布局和定位,同时适应不同屏幕大小的需求。通过使用grid-row和等属性,我们可以轻松地实现简单到复杂的网格布局。网格合并和嵌套使得在网格中创建复杂的布局变得更加简单和灵活。原创 2023-08-08 22:01:05 · 1984 阅读 · 0 评论 -
实现卡片高度增加时的缓动动画效果
在开发中,我们可能会遇到需要让卡片高度由内容撑起(即不能手动设置height),并且在高度增加时增加缓动动画的需求。本文将介绍几种实现方式。原创 2023-03-29 00:11:53 · 1582 阅读 · 0 评论 -
经典flex骰子布局练习
实现效果:9个骰子效果图涉及的样式属性如下:(基于display:flex)justify-contentalign-itemsflex-directionalign-self原创 2022-03-25 23:09:17 · 619 阅读 · 0 评论 -
Canvas实现自定义时钟
实现效果除了皮卡丘背景外的刻度线,时针分针秒针均是使用Canvas绘制出来的。实现过程设置基本大小及背景1. 皮卡丘全脸素材2. 基本结构设置HTML结构如下:<div class="canvas-box"> <canvas width="300" height="300"></canvas></div>问题:这里为什么要外嵌一个div盒子呢?因为后续我们通过给div设置背景图片backgroun原创 2022-04-04 16:55:35 · 706 阅读 · 0 评论 -
【面试题-HTML】script标签执行时机,defer和async属性理解
defer与async区别1. 执行时机:具有defer属性的script标签在HTML文档解析完毕后,DOMContentLoaded事件调用前执行。具有async属性的script标签在加载完毕后就执行。2. 执行顺序:defer确保script标签的执行依旧有序。async可能会导致乱序。3. 作用范围:defer不支持内联script标签。async支持内联script标签。4. 引入时间:defer是HTML4.0引入的。async是HTML5.0引入的原创 2022-04-15 10:40:36 · 2895 阅读 · 0 评论 -
HTML <meta> 标签常见属性及应用场景
一个新场景:如果你写了一个访问失败的404.html页面,如何在不使用JS的情况下,让页面自动刷新并跳转到首页?当然,上面的内容算是粗略的概括。还有很多meta标签的属性,比如VSCode的模板HTML中的。客户端请求服务器端的HTML,CSS等文件多半会缓存到浏览器那里。以便 让搜索引擎(爬虫)检索到?更狠一点,甚至不设置到期时间,直接。如何设置自己的HTML页面的使用。如何设置自己HTML页面使用的。这里主要想问的是meta标签的。到自己的网站,该怎么设置?功能,当然,它还有重定向。原创 2022-10-30 00:01:52 · 442 阅读 · 0 评论