前端开发 Html/Css
刷新
HTML5语法总结

博主头像 目录一.HTML基本框架二.标题标签三.段落标签四.换行与水平线标签五.文本格式化标签(加粗、倾斜、下划线、删除线)六.图像标签扩展：相对路径,绝对路径与在线网址七.超链接标签八.音频标签九.视频标签十.列表标签十一.表格标签扩展：表格结构标签合并单元格十二.表单标签1.input标签input占位 ...

一文搞懂：viewpoint与rem、百分比、px

博主头像 基础与面试题：viewpoint 与 rem、百分比高度、px 一、定义 ​ 一个表总结： 名称 定义 使用示例 viewpoint 是指用户在网页上实际可见和可交互的区域，通常指的是浏览器窗口或移动设备的屏幕尺寸。 width：100vw；height：100vh rem （root em）是相对 ...

深入学习 XML 解析器及 DOM 操作技术

博主头像 所有主要的浏览器都内置了一个XML解析器，用于访问和操作XML XML 解析器 在访问XML文档之前，必须将其加载到XML DOM对象中 所有现代浏览器都有一个内置的XML解析器，可以将文本转换为XML DOM对象 解析文本字符串 以下示例将一个文本字符串解析为XML DOM对象，并使用JavaSc ...

Tailwind CSS 使用指南

博主头像 0x01 概述 （1）简介 Tailwind CSS 官网：https://www.tailwindcss.cn/ Tailwind CSS 是一个 CSS 框架，使用初级“工具”类创建布局 如 Bootstrap 等传统 CSS 框架，其使用的类通常与组件直接相关；然而，Tailwind 则采用了 ...

XML 简介及用法详解

博主头像 XML 是一种用于存储和传输数据的与软件和硬件无关的工具。 什么是XML？ XML代表eXtensible Markup Language（可扩展标记语言）。XML是一种与HTML非常相似的标记语言。XML被设计用于存储和传输数据。XML被设计成具有自我描述性。XML不执行任何操作，也许有点难理解， ...

新创热门信息聚合网站：即时热点 - 正在发生的事

博主头像 网站： 即时热点 - 正在发生的事 （Solo 社区投稿） 简介： 一个热门信息聚合站，帮助您轻松了解正在发生的事。 描述： 即时热点是一个热门信息聚合站，汇集来自百度、微博、头条、知乎、抖音、快手等多个主流平台的热门话题，帮助您轻松了解正在发生的事。无需跳转多个平台，即刻浏览最新、最热、最有趣的话 ...

RCE_STUDY

博主头像 概念 RCE(Remote code execution）远程代码执行漏洞，RCE又分命令执行和代码执行。 RCE-远程代码执行：远程执行PHP代码 RCE-远程命令执行：远程执行Linux或者Windows等系统命令。 常见函数有： PHP：eval(),assert(),preg_replace ...

现代 CSS 解决方案：accent-color 强调色

博主头像 accent-color 是从 Chrome 93 开始被得到支持的一个不算太新属性。之前一直没有好好介绍一下这个属性。直到最近在给一些系统整体切换主题色的时候，更深入的了解了一下这个属性。 简单而言，CSS accent-color 支持使用几行简单的 CSS 为表单元素着色，是的，只需几行代码就 ...

React18 之 Suspense

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：佳岚 Suspense Suspense 组件我们并不陌生，中文名可以理解为暂停or悬停 , 在 React16 中我们通常在路由懒加载中配合 Lazy 组件 ...

代码+案例，实战解析BeautifulSoup4

博主头像 本文分享自华为云社区《从HTML到实战：深入解析BeautifulSoup4的爬虫奇妙世界》，作者：柠檬味拥抱。 网络上的信息浩如烟海，而爬虫技术正是帮助我们从中获取有用信息的重要工具。在爬虫过程中，解析HTML页面是一个关键步骤，而BeautifulSoup4正是一款功能强大的解析器，能够轻松解析 ...

记录和分享一下自己自定义的博客园主题样式

博主头像 前言 以前使用的都是默认的博客园主题，最近刚好有空，着手定制以下自己的博客园主题。最终效果参考当前的博客，如果看不到则需要在博客园首页头像处悬停关闭简洁模式 思路是尽量保持原有结构，不进行破坏性改动，以 css 样式为主 本主题是轻量化的，只是在原有基础上微调样式。如有需要更丰富功能的可以自己搜索博 ...

[CSS] 响应式设计

博主头像 响应式设计旨在编写一套代码，在不同设备上都能有良好的表现。响应式设计有两种思路：桌面端优先和移动端优先，它们的区别是先实现一种布局，再使用媒体查询设置断点，实现不同屏幕尺寸下的布局，逐渐过渡到另一端。即由大到小和由小到大的区别。 ...

[CSS] 级联与特异性

博主头像 当有多条冲突的CSS规则指向同一元素，则浏览器会计算特异性选择更具体的规则。如果特异性相同，则按照代码顺序，靠后的规则覆盖前面的规则。 ...

深入浅出 testing-library

博主头像 我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：佳岚 The more your tests resemble the way your software is used, the more confide ...

记录--如何实现一个雨滴滑落效果

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 如何实现一个雨滴落下效果 前言 下雨天坐在车窗前，看着雨滴顺着车窗渐渐落下，这一唯美的场景，忍不住想记录下来。最近在纠结电脑壁纸时，无意间看到有类似的场景，可以将自己喜欢的壁纸加上这种效果。作为多年切图仔，不由地想到了用css动画应该可以 ...

你想要的龙年特效来了

博主头像 废话不多说，龙年腾云特效送给大家 预览 在线预览 龙年腾云 源码 龙是使用的 svg，你也可以替换成其他样式的龙，而云是图片转化成的 base64 编码，所以整个文件就是一个 html。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U ...

Firefox禁止远程字体加速网页加载及图标字体补充安装

禁止远程字体的作用 作为程序员，日常工作中我们可能经常需要打开国内外许多不同的网站寻找教程，但是很多国外网站，特别是基于WordPress的博客，往往会使用Google字体，这是使得我们访问这些网站的时候会自动尝试加载这些字体，而严重影响打开速度。这时候我们可以考虑禁止所有的远程字体以加速访问。虽然 ...

记录--被中文输入法坑死了

博主头像 这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 PM：在PC端做一个@功能吧，就是那种...。 我：你不用解释我知道那个功能，监听keydown事件，然后e.keycode 50，那可太简单了。 那可太简单了，可太简单了，太简单了，简单了，单了，了......(掉进坑里的回声) 坑 ...

<1234···17>