省略号 长度 范围css
BOSHIDA DC电源模块的使用范围是什么？适用于哪些应用场景？
BOSHIDA DC电源模块的使用范围是什么？适用于哪些应用场景？ DC电源模块是一种用来提供直流电源的设备，可用于各种应用场景。其主要使用范围包括但不限于以下几个方面： 1. 电子设备供电：DC电源模块可为各种电子设备提供稳定的直流电源，如计算机、手机、音频设备、摄像机等。它们通常需要稳定、可靠的 ......
黑马pink css6
盒子的圆角边框： 圆形和圆角矩形的设置方法： 盒子阴影：不占用空间 文字阴影：用得不多 网页布局的三种方式： 标准流：占用一行或共用一行 浮动 定位 实际开发要用这三种方式 网页布局第一准则：多个块级元素纵向排列用标准流，多个块级元素横向排列用浮动 浮动：将盒子移到一边，直到左边缘或右边缘触及包含块 ......
c zero length array 零长度数组
struct userdata { uint32_t len; uint8_t data[0]; }; 在阅读一些开源代码时，比如linux kernel，会发现上面这种用法，这种叫做零长度数组。有什么作用呢？简单来说为了开发便利，顺便节省空间。 使用限制 只能放在结构体结尾，也就是一个结构体只能有 ......
ie11 css适配
1. justify-content: space-evenly;兼容性处理 justify-content: space-evenly;在IE11中不生效，替换为 justify-content: space-between; &:before, &:after { content: ''; di ......
css3
1、新增选择器 是css技术的升级版本，在css2的基础上，新增了许多特性，弥补了css2的不足，使web页面的开发变得更加高效、便捷 css3按模块化进行设计，比较重要的css3模块包含、 选择器、框模型、背景和边框、文本效果、2D|3D转换、动画、多列布局、用户界面 css3优点: CSS3是完 ......
[CSS]flex弹性盒
先来一个常用的flex样例。 水平从左往右主轴，自动换行，从主轴起始位置开始分布（侧轴不设置，使用margin进行间隔）： .tags { display: flex; justify-content: flex-start; flex-wrap: wrap; } .tag_item { margi ......
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 ......
html/css让底部在页面最下面
html { position: relative; min-height: 100%;}body { <!-- 你底部div的高度 --> margin-bottom: 100px;}footer { position: absolute; bottom: 0; width: 100%; <!-- ......
文字超出长度显示...（单行，与多行）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com ......
C练习——计算字符串长度，实现strlen功能
strlen是一个库函数，是专门求字符串长度的，只能针对字符串，从参数给定地址向后一直找“\0”, 统计“\0”之前出现的字符的个数。 现给字符串“abcd”，要求写一个计算此字符串长度的函数 #include <stdio.h> int my_strlen(char arr[]); // 函数声明 ......
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 ......
Math.random()生成任意范围的随机数
Math.random()随机数函数，返回一个0-1之间，并且包括0不包括1的随机小数[0,1) 1、生成0-10的随机数 Math.floor(Math.random()*(10+1)) 2、生成5-10的随机数 Math.floor(Math.random()*(5+1)+5) 3、生成n-m的 ......
03--css重点回顾
CSS层叠样式表 一 css简介 什么是css？ 层叠样式表 命名规则： 使用字母、数字或下划线和减号构成，不要以数字开头 格式： 选择器{属性:值 ;属性:值; 属性:值; ....} 其中选择器也叫选择符 CSS中注释 /* ... */ 二 如何使用css样式 即html中嵌入css的方式 1 ......
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=" ......
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 ......
Python 获取本周指定某天前的日期范围
本例是：本周三前一个礼拜的日期范围，包括今天 import datetime current_date = datetime.date.today() # days=2 代表礼拜三 # # current_date - datetime.timedelta(days=current_date.wee ......
可视化学习：CSS transform与仿射变换
在几年前，我就在一些博客中看到关于CSS中transform的分析，讲到它与线性代数中矩阵的关系，但当时由于使用transform比较少，再加上我毕竟是个数学学渣，对数学有点畏难心理，就有点看不下去，所以只是随便扫了两眼，就没有再继续了解了。现在在学习可视化，又遇到了这个点，又说到这是可视化的基础知... ......
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 ......