×

Tags

探索与 "html" 相关的所有文章

html

共有 8 篇文章
CSS阴影

「这是我参与11月更文挑战的第7天,活动详情查看:2021最后一次更文挑战」。 在我看来,最好的网站和Web应用程序对它们具有切实的”真实”质量。实现这种质量涉及很多因素,但阴影是一个关键因素。 然而,当我环顾网络时,很明显,大多数阴影并不像它们所希望的那样丰富。网络上覆盖着模糊的灰色盒子,看起来并不像影子。 在本教程中,我们将学习如何将典型的箱形阴影转换为美丽、逼真的阴影: 为什么还要使用阴影?我保证,我们很快就会谈到有趣的CSS技巧。但首先,我想退后一步,谈谈_为什么_阴影存在于CSS中,以及我们如何最大限度地利用它们。 阴影表示高程,而较大的阴影表示更高的高程。如果我们有策略地使用阴影...

Flex 布局下文字省略不生效?原因其实很简单

概述 在开发中,我们常遇到这种布局:A、B、C 三段文本长度不固定,其中 A、C 占用空间较少,需要完整显示;而 B 是自适应区域,超出部分需省略显示。A 与 B 共享同一容器,右侧的 “Live...

CSS 的弹性布局

#CSS 的弹性布局在此之前,我们写的页面上元素是按照先后顺序排列的,块元素总是占据一行,不受我们控制。 例如之前 语义化 章节中的示例代码中,aside 块作为侧边栏,却并没有显示在侧边,而是单独占...

CSS 的网格布局

#CSS 的网格布局CSS 网格布局(Grid Layout)是一个强大的 2D 布局系统,可精确地控制页面的行和列布局,比 Flex 更适合结构化排布。 通过将一个元素样式的 display 属性设为 grid,可以将该元素设为网格布局的 容器。 通过容器的 grid-template-columns 属性可以配置网格的列宽度,通过 grid-template-rows 属性可以配置网络的行高度...

HTML 元素帮助手册

#HTML 元素帮助手册转载自 MDN #主根元素 元素 描述 表示一个 HTML 文档的根(顶级元素),所以它也被称为根元素。所有其它元素必须是此元素的后代。 #文档元数据 元...

html5的新增标签

HTML5新增结构标签HTML5引入了多个语义化标签,用于更清晰地描述网页结构: <header>:定义文档或节的页眉 <footer>:定义文档或节的页脚 <nav&...

Web前端初级考试html涉及的知识点

HTML 基础概念HTML(超文本标记语言)是构建网页的核心技术,用于定义网页结构和内容。考试通常涵盖以下基础知识点: HTML 文档基本结构:<!DOCTYPE> 声明、<html>、<head>(包含 <title>、<meta> 等)、<body>。 常用标签:段落 <p>、标题 <h1>-<h6>、链接 <a href="">、图像 <img src="" alt="">、列表 <ul&g...

从0到1实现简单网页效果

1、HTML 概述HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言。它通过标签(tags)定义网页的结构和内容,浏览器解析这些标签后渲染出可视化的页面。H...