样式 内容css
【五】CSS之元素种类
# 【五】CSS中的元素种类 ## 1 、行内元素[inline]： - 特点： - 同一个行内元素，可以一行多个，直到当前一行满行就会换行到第二行显示 - 行内元素默认是没有宽度与高度的，是依靠内容来支撑的。 - 行内元素是没有完整的边距的，只存在左右边距，没有上下边距。[边距就是元素与元素或元素 ......
【七】CSS之弹性布局
# 【七】CSS之弹性布局 ## 【1】什么是弹性布局 - 随着技术的发展，那么在当前市场上，安装浏览器的客户端越来越多，设备也越来越多，所以CSS提供的布局，不仅应用于PC端，还可以应用于移动端设备 - 例如：watch、ipad，mobile等，甚至包括机器人界面、智能屏、智能电视机、3D广告屏 ......
【二】CSS基本语法之选择符
# 【二】CSS基本语法之选择符 - 作为一门标记语言，css的语法也是比较简单的，主要由三部分构成：选择符，样式属性和属性值。 - css中的语法虽然简单，但是太多内容了，所以要学会css，就需要多背多写，掌握使用规律，懂得借助浏览器与css手册。 > 注意，在前端领域中，有些人会觉得css负责外 ......
css第五天
优先级的介绍特性:不同选择器具有不同的优先级，优先级高的选择器样式会覆盖优先级低选择器样式优先级公式:继承<配符选择<签选择器< 类选择器<d选择<内样式important注意点:!important写在属性值的后面，分号的前面!!important不能提升继承的优先级，只要是继承优先级最低!实际开 ......
CSS（六）CSS3新特性
圆角和阴影 圆角，使用 border-radius 可以给任何元素制作圆角 阴影，box-shadow 向框添加一个或多个阴影：box-shadow: h-shadow v-shadow blur color h-shadow 水平阴影的位置 v-shadow 垂直阴影的位置 blur 模糊距离 c ......
CSS（七）字体图标
经常会用到一些图片，但是我们在使用这些图片时，往往会遇到失真的情况，而且图片数量多的话，页面加载很慢，所以我们可以使用字体图标的方式来显示图标，既解决了失真的问题，也解决了图片占用资源的问题。常用资源 [阿里字体图标库][https://www.iconfont.cn/] 优点： 轻量，加载速度快， ......
CSS（五）脱离文档流
脱离文档流 标准文档流导致： 高矮不齐，底边对齐 空白折叠现象 很多空格，都会折叠会一个空格 img标签有缝隙 脱离文档流：使一个元素脱离标准文档流有三种方式： 浮动 绝对定位 固定定位 浮动 增加浮动 增加一个浮层来放置内容。可以理解为有两层页面，一层为原页面，一层为脱离文档流的浮层页面，所以会出 ......
CSS（四）盒子模型
盒子模型box model CSS盒子模型本质上是一个盒子，封装周围的HTML元素。它包括： margin（外边距）、border（边框）、padding（内边距）、content（内容） 弹性盒子模型flex box felx box是CSS3的一种新的布局模式。是为了让页面适应不同的屏幕大小和设 ......
图像识别，如何提取文字？在线提取图片文字内容（批量）
功能地址 在线文字识别,OCR识别,提取图片文字内容,图像转文字教程,批量免费|TOFORU在线工具 软件定制 地址：https://tool.toforu.com/f/img_text.html 功能说明 在线文字识别,提取图片文字内容,图像转文字。 功能使用 原图 上传识别提取文字 结果 下载结 ......
tinymce vue2.0集成 并解决响应式丢失问题 文件引入问题(若依版本)、自定义上传图片、视频、样式被el-dialog遮挡问题
1.安装tinymce、tinymce-vue npm install tinymce@5.0.11 -S npm install @tinymce/tinymce-vue@3.0.1 -S 2.下载中文语言包 tinymce提供了很多的语言包 语言包地址 3.配置中文包、配置skins 下载完后放 ......
CSS选择器
CSS选择器，发现很多都忘记了。今天的笔记中包括44个选择器，基本涵盖了CSS 2和CSS 3的所有规定。 CSS选择器笔记 阮一峰 整理 参考网址：456 Berea Street 一、基本选择器 序号 选择器 含义 1. * 通用元素选择器，匹配任何元素 2. E 标签选择器，匹配所有使用E标签 ......
在Java中使用Apache POI导入Excel文件并保留内容的换行符
import org.apache.poi.ss.usermodel.*; import org.apache.poi.xssf.usermodel.XSSFWorkbook; import java.io.FileInputStream; import java.io.IOException; p ......
用python对文件内容进行加密的2种方式
方式1：有时候我们手中文件的内容十分的重要、十分地机密，我们可以选择对此进行加密，代码如下: from cryptography.fernet import Fernet def encrypt(filename, key): fernet = Fernet(key) with open(filen ......
CSS学习笔记2-CSS的继承_层叠_类型和CSS盒子模型
# 1 CSS属性继承 CSS的某些属性具有继承性(Inherited): 如果一个属性具备继承性, 那么在该元素上设置后, 它的后代元素都可以继承这个属性; 当然, 如果后代元素自己有设置该属性, 那么优先使用后代元素自己的属性(不管继承过来的属性权重多高); ......
JAVA获取字符串内的括号对（支持多层级）；获取括号对的内容；按指定规则返回括号对位置；
先看结果：处理字符串 "这个是一条测试用的字符串[ ( 5 ( 4( 3 [(1) (2)] ))(7))][(6)]" 结果 解决思路：参考正则表达式里面出入站部分 代码实现如下： 方法调用“： String test = "这个是一条测试用的字符串[ ( 5( 4( 3 [(1) (2)] )) ......
直播软件开发，TextView内容过多，超过n行显示“...全文”
直播软件开发，TextView内容过多，超过n行显示“...全文” /** * TextView超过两行，末尾显示"...全文" * 为避免抖动，需在xml中设置TextView的maxHeight * @param maxLine 最多几行 * @param strNum 末尾显示字符数 * @p ......
input框限制输入内容
对应在methods中的方法 ``` typeInput(event) { // 只能输入数字和字母的验证; const inputType = /[\W]/g //想限制什么类型在这里换换正则就可以了 this.$nextTick(function() { //这里的 this.request.i ......
HTML+CSS+JavaScript基础
1、HTML(Hypertext Markup Language，超文本标记语言), 用来向浏览器说明内容的结构、 2、DOM(Document Object Model, 文档对象模型)指的是HTML标签的层次结构。每一对HTML标签（有的时候是一个标签）都是一个元素。 3、CSS(Cascadi ......
css中transform具体使用，及场景
CSS transform 属性用于改变元素的形状、大小和位置，以及创建各种动画效果。以下是 transform 常用的一些属性及其使用场景： 1.translatetranslate 属性用于移动元素的位置。它可以接受一个或两个参数，分别表示横向和纵向的偏移量。 ```css / 在x轴上向右移动 ......
vue2-样式冲突-了解scoped的使用和底层实现原理
# 组件之间的样式冲突问题 默认情况下，`写在.vue组件中的样式会全局生效`，因此很容易`多个组件之间的样式冲突问题`。 导致组件之间样式冲突的根本原因是： 1. 单页面应用程序中，所有组件的DOM结构，都是基于`唯一的index.html页面`进行呈现的。 1. 每个组件中的样式，都会`影响整个 ......
[GPT] 网页中某些dom内容是通过 js 数据异步渲染的，nodejs 怎么获取网页解析这些数据
要处理使用JavaScript异步渲染内容的网页，您可以在 JavaScript 蜘蛛中使用 Puppeter 或 Playwright 等无头浏览器来获取网页，然后与动态渲染的内容进行交互。 下面是一个使用Puppeteer的例子： const puppeteer = require('puppe ......
css学习(二)
## css盒子模型 ### 认识盒子模型 我们可以把HTML每一个元素看出一个个的盒子.具备如图四个属性  axios git webpack nodejs vue2和3 uniapp， react和Typescript可以等到工作后再学 UI组件库可以学下Element UI，其中webpack和nodejs了解即可，其他的最好认真学习 ......
print-js 实现页面打印PDF，与样式缺失问题
## 参考 - https://blog.csdn.net/qq_36990322/article/details/105786298 （样式继承问题） - https://blog.csdn.net/qq_42571665/article/details/127277049 （宽度配置） ## 说 ......
css学习(一)
### css引入 1. 内联样式 ```css 我是div元素 ``` 2.内部样式 ```css ``` 3. 外部样式 ```css /* 可以通过@import引入其他的css资源 */ @import url(./style.css); @import url(./test.css); . ......
css添加背景图片
方法一： ``` ``` 方法二： ``` style="background: url(lib/login.png); background-size: 100% 100%; background-attachment: fixed" ``` ......
05 CRUD 套餐 + 实战内容（后续补充 ing）
# 新增套餐 ## 预准备  ![image](https://b3logfile.com ......
2023-07-01 css之邮票锯齿
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
【exceljs】导出excel文件，比如设置列样式、单元格样式、数据校验、添加图片
# 步骤 ## 安装依赖 ```shell npm i exceljs@4.3.0 npm i file-saver@2.0.5 ``` ## 基本案例 ```vue 点击导出excel ``` ## 设置表头，添加数据 ```vue 点击导出excel ``` ## 列样式设置+筛选+渐变 ``` ......
CSS中几种定位的简单描述与对比
静态定位(static): position属性的默认值为static，会忽略 top, bottom, left, right 或者 z-index 声明。 相对定位(relative)与绝对定位(absolute): 相对定位偏移参考元素是元素本身，而绝对定位以父辈元素中最近的定位元素为参考坐标 ......