css 03
CSS中的各种居中
在CSS布局时经常会需要实现水平居中，垂直居中，水平垂直居中这样的要求但是却又不是非常的在意，所以总结一下。 文本水平居中 1.使用text-align属性：将容器的text-align属性设置为"center"，可以使文本在容器中水平居中。 <style> .container { width: ......
[CSS]border-image-slice宽高不确定时自定义边框
宽高不确定时自定义边框效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < ......
[CSS]动画，平移到某个位置，停住
animation-fill-mode: forwards; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi ......
03.adb 常用命令
ADB命令获取手机应用安装包 1.获取包名：adb shell am monitor 2.手机上点击启动需要获取包名的应用，窗口就会打印出来当前应用的包名 3.找到包名路径：adb shell pm path 包名 4.拉取手机应用安装包到电脑：adb pull /data/app/安装包 5.保存 ......
读算法霸权笔记03_操控与恐吓
1. 市场失灵 1.1. 探索市场失灵现象就像寻宝游戏，很有意思 1.2. 建立一种算法来预测这个循环出现差错——多找回的两枚硬币——的可能性并对此下注 1.2.1. 盈利模式消失了，或者市场中的其他人也了解了这个模式，先行者优势消失 1.3. 在很多证券公司，交易员操控全局，做大交易，厉声下命令， ......
VA01/VA02/VA03 销售订单根据定价和步骤校验权限隐藏价格（二）
1、文档说明 1.1、内容回顾 之前发表过相关文章《VA01/VA02/VA03 销售订单根据定价和步骤校验权限隐藏价格》，本篇文章对上一篇文章做补充说明。 第一篇文章是通过拥有权限，则隐藏价格的模式，即对需要隐藏价格的用户，配置权限对象，使其通过权限校验，然后隐藏价格；没有配置权限对象的用户，权限 ......
《需求分析与系统设计》阅读笔记03
从第八章《数据库设计》中总结了一下知识内容：类模型和BCED类包反映了应用类，而不是存储数据库结构，实体类表示了应用中的永久数据库对象，但不是数据库中的永久类；永久数据库层可以是关系数据库，对象关系数据库或者对象数据库；数据库模型是表示数据库结构的这种抽象，包含三种抽象，分别是：外部数据模型，逻辑数 ......
html/css让底部在页面最下面
html { position: relative; min-height: 100%;}body { <!-- 你底部div的高度 --> margin-bottom: 100px;}footer { position: absolute; bottom: 0; width: 100%; <!-- ......
day03 Redis
day03 Redis Redis 是一个基于内存的key-value结构数据库,方便存储。 1.1 Redis服务启动与停止 服务启动命令 redis-server.exe redis.windows.conf 修改Redis配置文件 设置Redis服务密码，修改redis.windows.con ......
CSS object-fit
一、object-fit object-fit属性定义了被替换的元素（如img或video）的内容应如何调整大小以适应其容器。object-fit的默认值是fill，这可能导致图像被挤压或拉伸。 让我们来看看可能的值。 object-fit的可能值:contain、cover、fill、none 1 ......
常用xpath选择器和css选择器总结
xpath选择器 表达式说明 article 选取所有article元素的所有子节点 /article 选取根元素article article/a 选取所有属于article的子元素的a元素 //div 选取所有div子元素（不论出现在文档任何地方） article//div 选取所有属于arti ......
03--css重点回顾
CSS层叠样式表 一 css简介 什么是css？ 层叠样式表 命名规则： 使用字母、数字或下划线和减号构成，不要以数字开头 格式： 选择器{属性:值 ;属性:值; 属性:值; ....} 其中选择器也叫选择符 CSS中注释 /* ... */ 二 如何使用css样式 即html中嵌入css的方式 1 ......
day 03-3 Python基础-运算符
3.运算符 3.1 常见的运算符 算数运算符 运算符 描述 示例 + 加 - 减 * 乘 / 除 % 取模-返回除法的余数 10%3结果输出1 ** 指数-幂，x的y次幂 2**3结果输出位8 // 整除-返回商的整数部分 9//2 结果输出为4 9.0//2.0结果输出位4.0 比较运算符 运算符 ......
css 禁止用户选择字体
.className{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器* ......
CSS设置一个梯形
1、图形 2、代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .d{ width:0px; height:100px; border-left:25px solid; border-top ......
弹性布局 flex 的公共的css文件
/* 弹性布局 */ .flex{ display:flex; } .flex1{ flex:1; } .flex-column { flex-direction: column; } .justify-start { justify-content: flex-start; } .justify- ......
css中的::after和::before
先来看一个::before和::after的例子，给一个元素的前后再不添加新的元素的时候增加内容： <view class="info-before">测试before和after</view> .info-before { font-weight: bold; margin: 30px; } .i ......
使用css绘制箭头
使用css也能直接写出箭头符号，这样不用都使用图片能减少打包的大小。下面是一些常用箭头的css写法： // 向上的箭头 <view class="button-up"></view> // css的内容 .button-up { position: relative; padding: 5px; m ......
使用js和css实现选项卡切换
HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel=" ......
Day03-04英语名词
Day03-04英语名词解释 1.Comment and uncomment code：对代码进行注释和取消注释。 “Comment” ：在代码中添加注释 “uncomment” ：删除注释。 2.shortcut：快捷方式，简化的方法 3.compatible：兼容的 4.assign是一个英语单 ......
day 03-2 Python基础-字符串格式化
2.字符串格式化 字符串格式化，使用跟便捷的形式实现字符串的拼接。 % format （推荐） f 2.1 % 2.1.1 基本格式化操作 # %s是占位符，也成为字符串占位符 # 后面空格加% text = "我叫%s，今年18岁" %"linzai" #:%前面加上一个空格 print (tex ......
CSS隐藏滚动条
code <style> /* 隐藏标准的滚动条 */ html::-webkit-scrollbar { width: 0; } body::-webkit-scrollbar { width: 0; } /* 隐藏 IE 和 Edge 浏览器的滚动条 */ ::-ms-scrollbar { w ......
CSS设置div高度自动全屏
对body和html都设置高度100% html,body { height: 100%; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; } 然后再对div设置100% #app { height: 100%; ......
纯css展示loading加载动画
https://uiverse.io/barisdogansutcu/light-rat-32 <svg viewBox="25 25 50 50"> <circle r="20" cy="50" cx="50"></circle> </svg> svg { width: 3.25em; trans ......
可视化学习：CSS transform与仿射变换
在几年前，我就在一些博客中看到关于CSS中transform的分析，讲到它与线性代数中矩阵的关系，但当时由于使用transform比较少，再加上我毕竟是个数学学渣，对数学有点畏难心理，就有点看不下去，所以只是随便扫了两眼，就没有再继续了解了。现在在学习可视化，又遇到了这个点，又说到这是可视化的基础知... ......
一起从零开始学电03【三相电与星、三角接法】
三相电与星、三角接法 三相电是一种依托于交流电的技术，它可以使电力的传输与转换更加的高效、安全。在生产环境中，三相电多用于工业设备与输电网络。 三相电的原理 要了解三相电的原理我们首先要知道发电厂是如何生产电力的。我们以基本交流发电原理为例: 当磁铁的N极与S极相对时产生磁场，磁场驱动自由电子在导体 ......
css垂直居中
word-wrap: break-word; /*英文的时候需要加上这句，自动换行*/ /*自测了这句话没啥用*/ writing-mode: vertical-rl; /*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-rl; /* ......
css文本换行设置
文本换行设置 word-wrap word-wrap:normal | break-word; normal：默认值，当一行剩余空间无法容纳下一个字（英文是指单词）时，会换行 break-word：针对英文的文本，这个值可以让一个单词拆分开来换行。 word-break word-break:nor ......
JS+CSS多行文本显示“更多”
本代码展示最多显示3行，每行行高16px，3行总高48px，4行总高64px 当文本行数大于3行，显示“更多” CSS： #CourseDesc { margin-top: 5px; font-size: 12px; position: relative; max-height: 48px; lin ......
15.高阶定位-CSS 定位与原生定位
目录 原生定位 css selector 定位 原生定位 官网地址 元素属性定位 组合定位 # ID 定位 driver.find_element_by_android_uiautomator('\ new UiSelector().resourceId("<element-ID>")') # 组合 ......