![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 72
前端猎人
好好学习酱油
展开
-
前端入门经常被忽略的难题,html图片如何等比例缩放
本篇文章主要的介绍了关于html img标签图片的等比例缩放的介绍和使用实例,最后还有关于html img标签图片等比例缩放的总结,接下来让我们一起来看这篇文章吧首先我们先看看html img图片如何等比例缩放:在DIV CSS布局中对于图片列表或图片排版时,图片不是固定宽度高度大小,但图片占位是固定宽度高度,这个时候如果使用CSS固定死图片大小(宽度 高度),这个时候如果图片相对于这个位置不是等比例大小,那么这张图片就会变形,让图片变得不清晰,这个时候想让图片不变形又按比例缩放,如何解决?CSS图原创 2021-03-05 20:20:25 · 8639 阅读 · 0 评论 -
知名老师亲手指导,小白入门级HTML制作
一、网页技术简介本文只涉及到HTML和CSS,难度系数高点儿的JavaScript暂不涉及。HTML语法HTML代码需要写在标签符号"<>"里面。如<h1> </h1>; <img/>;<p> </p>。 HTML标签成对出现,尾标签加上关闭符号"/"区分首尾。例外:<img/>单独出现。 标签是可以嵌套使用的。CSS语法遵循键值对规则,基本格式是---k:v。 写在标签中的style属性中。styl原创 2021-03-04 21:21:25 · 157 阅读 · 1 评论 -
从小白到架构师的飞升——HTML 多视窗框架
一、介绍通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。使用框架的坏处:(1)开发人员必须同时跟踪更多的HTML文档(2)很难打印整张页面在HTML中frameset 元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。二、知识点介绍1、框架的含义和基本构成2原创 2021-03-04 20:57:37 · 398 阅读 · 1 评论 -
想16天搞定前端!那就从html页面结构和元素开始
文本标记语言,英语:HyperText Markup Language,简称:HTML,是一种用于创建网页的标准标记语言。注意,HTML是标记语言,不是编程语言。您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。手机上的H5,也是浏览器解析的,只是App内置的浏览器组件,你看不到而已。目前,HTML5是最新的版本,主流浏览器都支持的了。如果出现不支持的话,升级到最新版本就好了。HTML5也支持在手机上运行,所以我们没理由不学H5的。...原创 2021-03-03 16:36:24 · 91 阅读 · 1 评论 -
还在手动生成图像?太low了!来试试CSS Painting API 自动生成图像的快感!
图像为应用程序增添色彩,丰富内容。然而,如果网页中嵌入了大量高分辨率图像,会大量增加页面资源加载时间,严重影响用户体验。对于展示产品、方案等必须内容的图像,我们别无选择,只能按照正常方式嵌入这些图像并通过缓存它们来优化应用程序。但是,如果我们在应用程序中需要几何图像,则不必再将其作为资源来加载。我们可以使用 CSS Painting API 即时生成几何图像。让我们一起来走进这个 API,并且学习如何使用它生成图像吧~CSS Painting API 的简介开发者们能够使用 CSS Pa原创 2021-03-02 21:20:26 · 802 阅读 · 1 评论 -
视频字幕不能巧妙的隐藏?那快来看看mask 如何实现视频弹幕人物遮罩过滤
经常看一些 LOL 比赛直播的小伙伴,肯定都知道,在一些弹幕网站(Bilibili、虎牙)中,当人物与弹幕出现在一起的时候,弹幕会“巧妙”的躲到人物的下面,看着非常的智能。简单的一个截图例子:其实,这里是运用了 CSS 中的 MASK 属性实现的。mask 简单用法介绍之前在多篇文章都提到了 mask,比较详细的一篇是 -- 奇妙的 CSS MASK,本文不对 mask 的基本概念做过多讲解,向下阅读时,如果对一些 mask 的用法感到疑惑,可以再去看看。这里只简单介绍下 mask原创 2021-03-02 20:54:13 · 549 阅读 · 1 评论