首先，我们来理解一下一个网页的基本组成代码如下一个网页是有许许多多的标签对组成的，即开始标签-结束标签，都是成对出现（当然我们后面会说的还存在单标签，表示自闭合标签，例如：<br >）对上述的标签先来解释一下html------------超文本标记语言，浏览器识别的语言，主要负责页面的内容和结构head------------标签用于定义文档的 …
前端居中
进入我的主页，查看更多CSS的分享！首先呢，先去看文档，了解flex是什么，这里不做赘述。当然，可以看下面的代码示例，辅助你理解。一、row将子元素在水平方向进行布局：1. 垂直方向靠顶部，水平方向靠左侧.row-ll {display: flex;* 定义flex *flex-direction: row;* 默认值*align-items: flex-s …
最近的项目中遇到一个需求，在页面上添加一个可以自由拖拽、缩放、编辑颜色的 svg 图片，项目中引用了两个现有的插件，对插件进行解读之后略有心得，与大家分享一下。自由拖拽缩放的节点 —— react-rnd说到拖拽，我们的第一反应当然是监听鼠标事件来修改 dom 元素的位置，而缩放的话，则是在对元素边界进行操作时重新修正元素的 position 和 width …
编辑导语：按钮设计是产品设计中的必要模块，合理的按钮设计可以让用户有更清晰的认知，一定程度上提升用户的产品使用体验。本篇文章里，作者便对按钮结构、按钮状态、按钮开发对接技巧等方面做了总结，一起来看一下。按钮是每个产品设计当中必备的交互元素，可以说是整个Ixd设计当中最为重要的一环。在现实世界当中，出现的各种各样的物理按钮也成为了界面设计当中按钮的映射，让我们 …
金融界2025年1月27日消息，国家知识产权局信息显示，黄石沪士电子有限公司取得一项名为“一种油墨塞铜块镶嵌结构”的专利，授权公告号 CN 222381861 U，申请日期为 2024 年 1 月。专利摘要显示，本实用新型公开了一种油墨塞铜块镶嵌结构，包括双面板，所述双面板内开设有铜块槽，所述铜块槽内放置有铜块，所述铜块槽内侧每边设置有一体成型的防滑凸点，若 …
本人在51RGB网学习HTML+CSS基础课程，记录一些文字，方便自己回忆，也希望对大家有所帮助基础框架标题标签了不起的盖茨比《了不起的盖茨比》为那个奢靡年代的缩影。盖茨比怀揣着对"美国梦"的期翼，投身到那个年代的灯红酒绿之中，却在名利场中看尽世态炎凉，以及浮华背后一切终将逝去的空虚怅惘。1925年《了不起的盖茨比》问世。了解HTML的代码注释什么是代码注释 …
前言在制作网页时，文字是最基本的元素之一。让阅读者更容易阅读，短时间里获得更多信息，是网页创作者的目标。本篇将介绍各种文字格式标签的使用方法。本篇主要针对初学者的一篇教程，如果你非常熟悉html，可以忽略本篇文章。目录标题文字文字格式标签段落标签其它标签标题文字在网上浏览时经常看到一些标题文字，用来对应章节划分，它们以固定的字号显示，总共有6种级别的标题，从 …
本文翻译自 How to Center a Div Using CSS Grid，作者：Fimber Elemuwa, Ralph Mason。 略有删改在本文中，我们将介绍使用CSS Grid在水平和垂直方向上居中div的五种方法，当然这些技术可用于任何类型的元素。初始化我们首先创建一个容器，其中包含一个简单的div元素，我们将使用它来演示这些居中方法。下 …
前言css水平垂直居中一直是一个亘古不变的话题，它常常出现在优美的网页上以及各大前端面试当中。说来惭愧，在两年前面试的时候，我完全不知道如何做到水平和垂直均居中的方法，那场面别提有多尴尬了（特想找个地洞钻进去）。现在都2022年了，这些技巧现在已经不是技巧了吧，只是好记性不如烂笔头，还是乖乖记下来吧，得把它玩透才行！注：文中例子没写明html代码时，使用的是 …
首先，我们来学习CSS设置文本的对齐方式。通过CSS，可以设置文本的水平和垂直对齐方式。（有案例的效果演示）文本水平对齐，我们前面的课程曾经接触过——使用 text-align 这个样式属性来实现。它的属性值有三个：left，right，center，分别表示文本水平居左，居右，居中。我们来举个例子。在 005 目录下创建 alignment-spacing …