position属性css 13
常用css属性flex: 1详解
flex:1实际代表的是三个属性的简写 flex-grow是用来增大盒子的,比如,当父盒子的宽度大于子盒子的宽度,父盒子的剩余空间可以利用flex-grow来设置子盒子增大的占比 flex-shrink用来设置子盒子超过父盒子的宽度后,超出部分进行缩小的取值比例 flex-basis是用来设置盒子的 ......
使用标签Style属性中的变量
<div style="--primaryColor: #d3d3d3"></div> // 一定要使用 -- 开头 <style> .test { color: var(--primaryColor); } </style> ......
maya获取AOV属性名
from maya.cmds import *; from pymel.core import *; #获取aovs render_type = "RedshiftAOV" for aov_node in ls(type=render_type): ddd = getAttr(aov_node+'. ......
[CSS]水平镜像翻转
// 方法1 ios支持差 transform retateX(180deg) // 方法2 通用 transform scaleX(-1) 垂直翻转将X改为Y即可 ......
CSS3弹性盒子
传统布局与flex布局 传统布局 兼容性好 布局繁琐 局限性,不能在移动端很好地布局 flex 弹性布局 操作方便,布局极为简单,移动端应用很广泛 PC 端浏览器支持情况不如移动端 flex 布局的基本概念 Flexible Box 模型,通常被称为 flexbox,是一种一维的布局模型。它给 fl ......
css选择器 ~ (波浪号)、+(加号)、>(大于号)的用法解析和举例
参考:https://blog.csdn.net/Amnesiac666/article/details/122060057 ~(波浪号):A ~ B表示选择A标签后的所有B标签,但是A和B标签必须有相同的父元素。 ~(加号)加号又被称作兄弟选择器。A+B表示选择紧邻在A后面的B元素,且A和B必须拥 ......
HTML+JS+CSS实现图片文件上传界面设计的例子
在Java Web应用程序设计中文件上传功能的实现是一项非常重要的工作,本文中的例子程序实现了文件上传功能的界面设计。在Java Web应用程序设计中涉及到上传图片文件功能时,往往都需要对图片文件进行预览,如新闻稿件编辑、证件照片上传等,以便查看上传文件是否正确和效果是否适合,但是Windows系统 ......
火狐浏览器插件--Stylish,任意网站嵌入css
护眼背景 vbody{ background-color: rgb(204,232,207) } 效果展示 ......
暗夜发光,独自闪耀,盘点网页暗黑模式(DarkMode)下的特效和动效,CSS3实现
众所周知,网页的暗黑模式可以减少屏幕反射和蓝光辐射,减少眼睛的疲劳感,特别是在夜间使用时更为明显。其实暗黑模式也给霓虹灯效应(Neon Effect)提供了发挥的环境。 霓虹灯效应是一种视觉效果,其特点是在深色背景上使用鲜艳的颜色来产生强烈的视觉冲击。这种效应通常用于设计海报、广告、标志和网页等。霓 ......
L13_用日语说想要做某事
概述 日语中表达想做某件事情,可以采用 ~たいです的表达,比如 雪が みたいです 想看雪 メイド喫茶に 行きたいです 想去女仆咖啡厅 友達に 会いたいです 想见朋友 动画会话 A: 日本には 慣れましたか 你对日本已经习惯了吗? B:はい 是的。 日本(にほん) 名词,表示国家名 に 助词,表示方向 ......
css 按钮背景透明
background-color: Transparent; background-repeat:no-repeat; border: none; outline:none; ......
APP13(创建百度地图应用)
1. 百度地图开放平台 | 百度地图API SDK | 地图开发 (baidu.com) 控制台-->应用管理-->我的应用-->创建应用 开发版SHA1 的获取 然后先找到这个文档,一般都在.android里面。 打开命令行 输入 cd .android keytool -v -list -key ......
vue2之对象属性的监听
vue2之对象属性的监听的一些总结 对象属性监听的两种方法: 1.普通的watch data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue) { console.log(newValue) } } 2 ......
jquery 禁用按钮无效 disabled属性设置无效
禁用按鈕 $(this).prop("disabled", true); 啟用按鈕 $(this).prop("disabled", false); 禁用按鈕 $(this).attr("disabled","disabled"); 啟用按鈕 $(this).removeAttr("disabled ......
踩坑纪实:UnicodeDecodeError: 'utf-8' codec can't decode bytes in position 21-22: invalid continuation byte
问题出现过程 切换新的服务器之后,使用PyExecJS库报错 ... ctx = execjs.compile(js_str) version_obj = ctx.eval('exportObj') 报错内容: UnicodeDecodeError: 'utf-8' codec can't deco ......
css实现文字的条纹阴影效果
先写下一段文字 添加重复的线性渐变,该渐变倾斜45deg(倾斜角度依需求设置) 上面的为黑色、透明色的渐变,实际上渐变的颜色需要跟文字的背景颜色相同,如果文字的背景色是白色那么渐变的颜色就是白色、透明色,白色用来融入背景,透明色用来显示被遮住的文字,如下: 写下相同的文字,覆盖条纹阴影,调整文字的位 ......
css样式基础
标签选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小米</title> <style type="text/css"> #menu{ background: red; height: 80px; } ......
css实现折扇案例
搭建扇子结构 <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> <li>11</li> <li>12&l ......
css实现一个太极案例
搭建一个太极的盒子 <body> <div></div> </body> 样式(使用 linear-gradient线性渐变;radial-gradient径向渐变) <style> body { background-color: lightcyan; } div { width: 200px; ......
css实现三角形
界面搭建<i></i> 1、右三角形 i { width: 0; height: 0; border: 20px solid transparent; border-left: 20px solid red; } 实现效果: 2、下三角形 i { width: 0; height: 0; borde ......
使用css实现图片轮播功能
功能实现: 先搭建一个用于轮播的容器,水平置入需要轮播的图片,设置图片大小为容器的大小,超出容器的部分隐藏显示 然后用动画使每次需要轮播时让图片向左平移容器的宽度,这样一个简单的轮播就做好了 废话不多说,世界上案例吧 界面搭建 <body> <div class="swiper-container" ......
css中关于超出显示省略号
1、单行超出显示省略号 overflow: hidden; //超出隐藏 text-overflow: ellipsis; //文本超出时显示省略号 white-space: nowrap; //设置文本不换行 2、多行超出显示省略号 overflow: hidden; //超出隐藏 text-ov ......
MariaDB start 报错:mysql-bin.index' not found (Errcode: 2) (Errcode: 13)
问题是修改配置log-bin=/data/mysql/binlog/mysql-bin后出现的。 报错:Errcode: 2 mkdir -p /data/mysql/binlog ## 和正常的DB节点比较可以看到没有binlog目录,创建目录之后没有这个报错。 报错:Errcode: 13 ch ......
css笔记
水平布局 这段时间编写静态页面,学习了几种水平布局,其中有不小的差异和注意事项,特此记录汇总一下。 1. display: inline-block 将元素修改为行内块元素,可以在不脱离文档流的情况下实现水平布局,且兼容性极佳。 但是存在元素上下、左右边距不贴合的问题,解决方法如下: 设置父元素fo ......
GCC中的aligned和packed属性
GCC支持用__attribute__为变量、类型、函数、标签指定特殊属性。这些不是编程语言标准里的内容,而属于编译器对语言的扩展。 本文介绍其中的两个属性:aligned和packed。 aligned aligned属性最常用在变量声明上。它的作用是告诉GCC,为变量分配内存时,要分配在对齐的内 ......
将列表中对象的某些属性抽出来组成新的对象列表
使用map()和 Object.assign()函数 let map = response.data[0].children.map((item,index)=>{ return Object.assign({},{'code':item.key,'descValue':item.label}) } ......
CSS 媒体查询 @media【详解】
关于媒体查询的一篇好文推荐 https://blog.csdn.net/weixin_41192489/article/details/126028971 ......
Day13-文件操作
一、 文件基本操作 1、 打开、读写、关闭 open(file=,mode=,encoding=) # open 操作文件数据 open(file=文件所在位置, # mode=操作文件的模式, # encoding=以什么编码读取文件 二进制数据不需要设置编码) 绝对路径(一个完整的路径) #F: ......