横向 标签html css
02_CSS
# 1.CSS ## 1.简介 ### 1.是什么 `Cascading Style sheets`,层叠样式表 CSS可以用来为网页创建样式表，通过样式表可以对网页进行装饰。所谓层叠，可以将整个网页想象成一层一层的结构，层次高的将会覆盖层次低的，CSS可以分别为网页的各个层次设置样式。 ### 2 ......
01_HTML
# HTML ## 1.什么是HTML HTML全称：Hyper Text Markup Language(超文本标记语言) - 超文本：页面内可以包含图片、链接，甚至音乐、程序等非文字元素（超出文本的范畴）； - 标记：标签，不同的标签实现不同的功能 - 语言：人与计算机的交互工具 ## 2.HT ......
css案例-水平垂直居中
水平垂直居中方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> ......
每日汇报 第五周第三天 html表单的认证和css盒子模型
今日学习： html表单的小考试；css简单的盒子模型；盒子模型代码 html： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Rothko Painting</title> 6 <li ......
xpath丶BeautifulSoup丶pyquery丶jsonpath 解析html与json串
XPath与jsonpath 1 import json 2 from jsonpath import jsonpath 3 4 def json_test(): 5 str1 = '{"name":"埃里克森"}' 6 # 将字符串转为Python dict对象 7 js_obj = json.l ......
R语言ggplot绘图调整刻度线标签文件的角度
001、 dat <- data.frame(a = 1:5, b = 1:5) dat library(ggplot2) p <- ggplot(data = dat, aes(x = a, y = b)) + geom_point() ## 默认绘图 p 002、调整y轴刻度线标签的角度 p + ......
使用安全的HTML编码函数解决XSS攻击
https://www.sohu.com/a/229034179_100158559 https://blog.csdn.net/mgxcool/article/details/73028502 对url链接进行转义 public String htmlEncode(String str) { re ......
使用pandas.to_html时怎么自定义表格样式
# 一、通过标签名设置`css`样式 使用`pd.to_html()`方法如果不指定文件路径，该函数会返回一个格式化的`html`字符串，我们可以对这个字符串进行自定义操作，比如直接用我们设置的`css`样式加上这个格式化的`html`，就可以实现自定义表格样式，如下： ```python data ......
html 之 Bootstrap库
一、Bootstrap介绍 1、Bootstrap的由来 Bootstrap 是一个流行的开源前端框架，用于快速构建响应式和现代化的网站和 Web 应用程序。它由 Twitter 的前端工程师 Mark Otto 和 Jacob Thornton 在2011年开发，最初命名为 Twitter Blu ......
把字符串中的所有br标签换成连续两个br标签
# 把所有br标签换成一个br标签content = re.sub(r"(<br>)\1+", r"\1", content)# 把一个换成2个br标签content = re.sub("<br>", '<br><br>', content)print(f'展示图片原图片:{picurl}') ......
TailWind CSS工具库使用
# 一、简介 [官方文档](https://www.tailwindcss.cn/) 本 CSS 框架本质上是一个工具集，包含了大量类似 flex、 pt-4、 text-center 以及 rotate-90 等工具类，可以组合使用并直接在 HTML 代码上实现任何 UI 设计。 # 二、安装 介 ......
css3 object-fit使用
1、object-fit:fill; 拉伸填满整个容器 2、object-fit:contain; 宽度铺满整个容器，高度等比缩放，超出则裁剪 3、object-fit:cover; 高度铺满，宽度等比缩放，超出则裁剪 4、object-fit:none; 图片大小不变，超出则裁剪，裁剪保留中间部分 ......
css制作三角
使用border属性制作三角：当给一个宽高为0的盒子设置不同颜色的边框时会如下图所示，由此可见，想要设置三角，则可以将其余三条边框设置为透明色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vie ......
[爬虫]1.2.2 CSS选择器
CSS (Cascading Style Sheets) 是一种样式表语言，用于描述HTML元素的样式。CSS选择器是CSS规则的一部分，它决定了CSS规则应用于哪些元素。在网络爬虫的开发中，我们经常使用CSS选择器来定位和选取HTML元素。 以下是一些常见的CSS选择器： ## 1. 元素选择器 ......
2023-07-25 html中引入vue，报错：Vue is not a constructor ==》引用的vue版本不兼容导致
报错代码： 我使用的vue外链https://cdn.jsdelivr.net/npm/vue，该外链引用的是最新的vue@3.3.4版本，而我的vue写法为vue2.0版本的写法，故而不兼容。 解决方案：引用指定版本的vue👇 <script src="https://cdn.jsdelivr. ......
CSS margin属性值不同写法的含义
+ margin: 0; /* 四个方向的外边距都为0 */ + margin: 10px; /* 四个方向的外边距都为10像素 */ + margin: 10px 20px; /* 顶部/底部外边距为10像素，左侧/右侧外边距为20像素 */ + margin: 10px 20px 30px; / ......
VIte+Vue3 打包在本地 双击 index.html 打开项目
**1.安装插件** > npm i @vitejs/plugin-legacy > npm i @babel/preset-env vite3 版本以上还需要安装 > npm i terser **2.引用 @vitejs/plugin-legacy** ```` import legacy fr ......
HTML5知识点的总结
1.向后兼容 HTML5是这样被定义的：能向后兼容目前UA处理内容的方式。为了让语言更简单，一些老的元素和Attribute被舍弃。比如一些纯粹用于展现的元素（译注：即非语义化的元素，如big）或Attribute被舍弃，因为他们更适合用CSS来处理。但UA依然可以支持老旧的属性和元素。这就是为什么 ......
编码系列（1）-HTML字符编码/HTML实体编码
简介 网页包含了大量的文字，浏览器必须知道这些文字的编码方法，才能把文字还原出来。 一般情况下，服务器向浏览器发送 HTML 网页文件时，会通过 HTTP 头信息，声明网页的编码方式。 Content-Type: text/html; charset=UTF-8 上面代码中，HTTP 头信息的Con ......
css进度条
使用过度属性transition制作进度条 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale= ......
linux 中输出 指定列各个标签对应值的平均值
001、 [root@PC1 test02]# ls a.txt [root@PC1 test02]# cat a.txt ## 测试数据 a 5 a 6 a 8 b 1 b 2 b 3 b 8 c 2 c 7 ## 输出第一列中各标签对应值的平均值 [root@PC1 test02]# awk ' ......
[爬虫]1.2.1 HTML标签和属性
HTML（HyperText Markup Language）是一种用于创建网页的标记语言。HTML文档由一系列的HTML标签构成，每个标签都有自己的意义和用途。HTML标签通常成对出现，由一个开始标签和一个结束标签组成，结束标签的名称前有一个斜杠。 例如，``是一个段落标签的开始，``是一个段落标 ......
每日汇报 第五周第二天 html表单
今日学习： html表单； 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Registration Form</title> 6 <link rel="stylesheet" href= ......
jQuery对象,选择器，筛选器，查找，操作标签，
# **jQuery快速入门** ```python 我们最好称之为是jQuery库更好一些，不要称之为是框架 # 库就类似于是Python中的模块，简称为jq # jQuery就是js、css等的封装版本，只要一封装，写法肯定会简单 ``` ###jQuery介绍 ```python jQuery ......
Apache POI excel导出（单元格html代码渲染）
**需求：**将渲染后的html代码，导出到单元格中。 ###代码实现 ``` public class ExcelUtil { /** * 设置单元格富文本值 */ public static void setCellRichTextString(Workbook wb, Cell cell, O ......
html 之 jQuery库
一、jQuery介绍 1、库就类似于是Python中的模块，简称为jq 2、jQuery就是js、css等的封装版本，只要一封装，写法较简单 3、jQuery是一个轻量级的、兼容多浏览器的JavaScript库，封装版本的js。 4、jq的优势 简化 DOM 操作： jQuery 提供了简单易用的选 ......
[CSS] Virtual Keyboard API for CSS
When Virtual keyboard popup, we can relayout the UI element accordingly: navigator.virtualKeyboard.overlaysContent = true; navigator.virtualKeyboard.s ......
jQuery对象,选择器，筛选器，查找，操作标签，
# **jQuery快速入门** ```python 我们最好称之为是jQuery库更好一些，不要称之为是框架 # 库就类似于是Python中的模块，简称为jq # jQuery就是js、css等的封装版本，只要一封装，写法肯定会简单 ``` ###jQuery介绍 ```python jQuery ......