横向 标签html css
vue 的标签内属性的各使用形式
标签内属性形式 在 Vue 中，v-xx、@xx 和 :xx 是不同的语法形式，具有不同的用途和语义 v-xx 形式：这是用于注册或使用 Vue 提供的内置指令或自定义指令。v- 是 Vue 指令的前缀，后面跟着指令的名称 例如，内置指令：v-if 可以根据条件控制元素的显示和隐藏，v-for 可以 ......
svg+css实现带灰色背景的loading加载动画组件
<template> <svg class="load" viewBox="25 25 50 50" :style="{ width: loadWidth, height: loadWidth }" > <circle class="loading_bg" cx="50" cy="50" r="20 ......
标签元素分类
元素分类 一、行内元素 1.不独占一行，高宽由内容撑开 2.无法设置width和height 3.border无效 4.margin/padding的上下无效，但是左右有效 <a></a> <strong></strong> <span></span> 二、行内块元素 1.不独占一行，高宽内容撑起来 ......
NET Core 3.1 MVC 在html中引用js的方法使用时不生效异常
在html的select元素添加了onchange事件，changeContent方法也在当前html下。 <select id="changeLanguage" class="form-control input-lg" asp-for="language" asp-items="Model.su ......
有关img/input等标签设置伪元素::before ::after失效问题
今天发现部分标签设置伪元素不生效，后面查了下，发现这部分单标签不能设置，他们的内容会呈现在标签之外，应该是导致设置失败的原因 参考文档： https://www.cnblogs.com/zoo-x/articles/11784934.html ......
sensitive-word 敏感词/脏词开源工具-v.0.10.0-脏词分类标签支持
sensitive-word sensitive-word 基于 DFA 算法实现的高性能敏感词工具。 创作目的 实现一款好用敏感词工具。 基于 DFA 算法实现，目前敏感词库内容收录 6W+（源文件 18W+，经过一次删减）。 后期将进行持续优化和补充敏感词库，并进一步提升算法的性能。 希望可以细 ......
HTML学习笔记七：html-字符实体和全局属性
HTML学习笔记七：html-字符实体和全局属性 MDN元素查询地址 所有的html的元素我们都可以通过以下地址进行相关的查询和理解。 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta 字符实体 用特定代码来表示一个符号，即 ......
HTML学习笔记四：html-body-行内元素
HTML学习笔记四：body元素行内元素 MDN元素查询地址 所有的html的元素我们都可以通过以下地址进行相关的查询和理解。 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta body中元素分类 块级元素 行内元素 行内元 ......
HTML学习笔记六：html-body-框架元素
HTML学习笔记六：html-body-框架元素 MDN元素查询地址 所有的html的元素我们都可以通过以下地址进行相关的查询和理解。 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta 框架标签 iframe 可以通过使用i ......
HTML学习笔记五：html-body-form表单
HTML学习笔记五：html-body-form表单 MDN元素查询地址 所有的html的元素我们都可以通过以下地址进行相关的查询和理解。 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta 表单元素 在网页中，如果需要向we ......
HTML学习笔记二：html-head内元素
HTML学习笔记二：head内元素 MDN元素查询地址 所有的html的元素我们都可以通过以下地址进行相关的查询和理解。 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta title 标题元素 用于定义文档的标题，此标题显示 ......
HTML学习笔记三：html-body-块级元素
HTML学习笔记三：body元素块级元素 MDN元素查询地址 所有的html的元素我们都可以通过以下地址进行相关的查询和理解。 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/meta body中元素分类 块级元素 又称为块元素，独 ......
HTML学习笔记一：html简介和基本结构
HTML学习笔记一 一、什么是HTML？ 众所众知，我们打开的网页是一个一个的HTML，网页静态的结构是由html完成，而各式各样的表现样式是由css完成，至于网页与服务器之间的交互行为则都交给了javascript完成。 HTML和CSS本质都是结构化、标准化的语言，用于定义页面结构，样式渲染。不 ......
CSS结构伪类选择器之否定伪类:not
结构伪类选择器是针对 HTML 层级结构的伪类选择器。 常用的结构化伪类选择器有： :root选择器、:not选择器、:only-child选择器、:first-child选择器、:last-child选择器、 :nth-child选择器、:nth-child(n)选择器、:nth-last-chi ......
HTML代码混淆技术：原理、应用和实现方法详解
HTML代码混淆是一种常用的反爬虫技术，它可以有效地防止爬虫对网站数据的抓取。本文将详细介绍HTML代码混淆技术的原理、应用以及实现方法，帮助大家更好地了解和运用这一技术。 一、HTML代码混淆的原理 HTML代码混淆是指将HTML源码通过特定的算法进行加密处理，使得人类可读的源码变得难以理解和 ......
CSS按钮样式之button标签与input type=button的区别
原文链接：1、https://www.cnblogs.com/weihanli/p/5162828.html 2、https://www.cnblogs.com/smile6542/p/11968175.html 如果想要在页面上表示一个显示文本的按钮推荐input[type=”button”]方式 ......
html录制mp3
wavesurfer.js | audio waveform player JavaScript library 要将weba文件转换为mp3格式，您可以使用HTML5的音频API来实现。以下是一个简单的示例代码： ```html <!DOCTYPE html> <html> <head> <tit ......
CSS简介及常用样式
一、CSS简介 CSS：层叠样式表(英文全称：Cascading Style Sheets)：是一种用来表现HTML样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 二、CSS选择器 2.1基本选择器（三种） 1.标签选择器 <style> p { ......
小程序上实现tab标签的变化
小程序上想要实现成点击标签跳转某标签，在标签内滚动时随着超过滚动内容 tab 选中态变化。 借助了 @vant/weapp 框架 index.wxml <view class="list-page"> <van-tabs sticky active="{{ active }}" bind:click ......
02.css
1.标准的CSS盒子模型及其和低版本的IE盒子模型的区别？ 标准（W3C）盒子模型：width = 内容宽度（content） + border + padding + margin 低版本IE盒子模型： width = 内容宽度（content + border + padding）+ margi ......
01.html
1. HTML、XML、XHTML 的区别 HTML：超文本标记语言，是语法较为松散的、不严格的Web语言； XML：可扩展的标记语言，主要用于存储数据和结构，可扩展； XHTML：可扩展的超文本标记语言，基于XML，作用与HTML类似，但语法更严格。 2. 什么是HTML5以及和HTML的区别是什 ......
html标签
一、标签简述 网页是由一个一个标签组成 1.标签外观分类（两种） 单标签 <meta><img /> <link> <br> <hr> <input> 双标签 <div></div> <p></p>等 2.标签状态分类（三种） 2.1行内标签 可以设置文本的大小、颜色、背景、文本阴影，不能设置标签本 ......
Python 实现Word转HTML
将Word转换为HTML能将文档内容发布在网页上，这样，用户就可以通过浏览器直接查看或阅读文档而无需安装特定的软件。Word转HTML对于在线发布信息、创建在线文档库以及构建交互式网页应用程序都非常有用。以下是使用Python将Word转换为HTML网页的攻略，包含两个示例。 使用Python 将W ......
JavaWeb - Day01 - HTML、CSS
课程特色 传统路线 全新路线 目录 HTML快速入门 VS Code开发工具 基础标签&样式 表格、表单标签 01.web开发介绍 什么是web? web：全球广域网，也称万维网（www World Wide Wed）,能够通过浏览器访问的网站。 web网站的开发模式 02.web开发课程安排 初始 ......
CSS中层次选择器有哪些？
层次选择器是CSS中用来选择文档中特定元素的一种方法。它通过使用不同元素之间的层次关系来选择目标元素。常见的层次选择器包括后代选择器（descendant selector）、子元素选择器（child selector）、相邻兄弟选择器（adjacent sibling selector）和通用兄弟 ......
springboot项目中idea的pom.xml文件的引用标签全部爆红
pom.xml引用标签爆红，如图： 原因还是idea识别不是很好，需要清理缓存。 解决办法： 点击菜单中的“”“File” -> "Invalicate Caches /Restart" -> "Invalidate and Restart", 清空cache，并且重启即可 ......
【生活技巧记录】歌词Lyric生成及音乐标签嵌入
前置工具准备： BesLyric：一款专门制作 网易云音乐 LRC 滚动歌词的软件！ 搜索、下载、制作 歌词更方便！ Foobar 2000：一款适用于 Windows 平台的高级免费软件音频播放器 百度：DDDD Foobar 2000 美化版：用于将歌词保存于音乐标签，内嵌式歌词使音乐更方便 操 ......
vue3中css使用js中的变量
<script setup lang="ts"> import { SoundOutlined } from '@ant-design/icons-vue' const props = defineProps({ title: { type: String, default: '' }, color ......
streamlit 展示自定义 html 以及 css
目前探索出来的有效方法： style = """ <style> .memo-box { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; } .tag { font-size: 12px; color: #888; } </st ......