样式 按钮 颜色css
解决/deep/ .el-select-dropdown{ }样式不生效问题
原先代码如下： /*修改下拉框背景色以及边框线样式*/ /deep/ .el-select-dropdown{ background:#07427a !important; border: 1px solid #0098eb !important; } 发现在网页中样式没有效果，即使加了/deep/ ......
vue动态绑定内联样式（v-bind:style）
一、对象语法 <div :style="{ color: activeColor, fontSize: fontSize + 'px' }"></div> data() { return { activeColor: 'red', fontSize: 30 } } <div :style="styl ......
css-6个可以在css属性中使用的函数
1- calc计算结果 div{ width: calc(100vm - 50px); } 2- var它可以将 CSS变量的值赋予属性 :root { --main-bg-color: coral; --main-padding: 15px; } div{ background-color: va ......
网页端输入代码执行HTML/CSS/JS
HTML代码 <textarea name="textarea" cols="60" rows="10" id="runJS"> 这里可以运行</textarea> <input onclick="runCSS('runJS')" type="button" value="运行代码" style=" ......
CSS的三种样式及选择器
一.概述 css一共有三种样式，分别是：行内样式，内部样式，外部样式 行内样式：写入在HTML标签内，是最不规范的写法，没有突出HTML+CSS的关键就是骨架和美化分离，这样写在一起的行内样式，代码的复读性也很低，所以一般不建议使用 内部样式：一般写在头部标签中，代码可读性比较高，不适合大量的css ......
主题样式修改
首先要获取JS权限，否则后面不用看了 博客皮肤 将默认皮肤改为==SimpleMemory== 博客侧边栏公告 <script type="text/javascript"> window.cnblogsConfig = { title: { onblur: '博客', onblurTime: 50 ......
js 让颜色变深或变浅，返回新的色值
需求：在实际开发中，如果我们想动态的将颜色变深或变浅，但是用rgba这种带透明度的话，碰到定位的样式，则内容会重叠显示，所以有没有一种方法可以直接改变他的色值而不是用透明度 思路：通过访阅大量方法后，得知一种hsl色彩模式，更加符合我们的要求，hsl一种更以人们理解的色彩模式 废话不说上代码，直接运 ......
css-内容超出区域
overflow: hidden; //visible、hidden、scroll、auto .remarkArea{ height: 470px; overflow: hidden; } 例如在这个音乐播放器页面.音乐列表和评论列表都会出现内容超出区域的情况 ......
关于 Web 应用的内联 css 和 scss 文件里的 var 关键字用法
为什么网站性能调优准则里都强调要 Use inline fonts and CSS instead of loading them asynchronously？ 网站性能优化的一个重要目标是尽可能地缩短页面加载时间，使用户可以更快地访问您的网站。加载字体和CSS样式表是构建页面的重要组成部分，但是 ......
》》》IDEA Mybatis中xml文件粘贴SQL导致左对齐，样式发生变化
转载：IDEA Mybatis中xml文件粘贴SQL导致左对齐，样式发生变化_idea mybatis sql格式_诛心小恶魔的博客-CSDN博客 IDEA在编辑mybatis中xml文件的时候，默认是不保留粘贴文本的缩进格式。所以需要手动在IDEA设置中进行重新设置 操作步骤 如图所示： ......
解决html中ol ul li的默认往左偏移的样式问题
在HTML中，有序列表(ol)和无序列表(ul)元素通常会默认有一定的内边距(padding)和外边距(margin)，这是由浏览器默认样式表所定义的。这些内边距和外边距可能导致列表向左偏移，从而出现左边超出的情况。 具体来说，ol和ul元素的默认样式表通常会定义： padding-left：列表项 ......
CSS
字体属性 text-decoration none:无任何装饰线，可以去掉a标签默认的下划线 underline：下划线 overline:上划线 line-through:中划线（删除线） text-transform capitalize:首字母大写 uppercase:将所有单词转为大写 lo ......
css3新特性
css3新特性 圆角 使用CSS3 border-radius属性,你可以给任何元素制作"圆角" border-radius属性,可以使用以下规则: 四个值:第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角 三个值:第一个值为左上角,第二个值为右上角和左下角,第三个值为右下角 ......
css盒子水平垂直居中的几种方式
第一种：son盒子中定位的上下左右全部为0，然后margin：auto 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" conten ......
css让div在页面上下左右居中
.box{ position: absolute; left:50%; top:20%; transform: translate(-50%, -50%); } <div class="box"><div > ......
【Python】Logging模块简介 & 开启不同颜色日志输出
✨Logging模块简介 Python Logging模块是一个内置的日志处理工具，可以用于记录和输出应用程序的运行状态。该模块提供了一个灵活的方式来控制日志记录的输出和格式，包括记录日志的级别、日志信息的格式和输出位置等。 以下是Python Logging模块的基本概念： Logger：是日志记 ......
css3实现模糊背景
☆filter采用高斯模糊，只能在背景图片上，纯色图片不显示 https://www.zhihu.com/tardis/sogou/art/382696698 ......
使用css绘制聊天气泡
实现原理： 给聊天区域的边框补充一个三角形 1： 左三角聊天气泡 .left-box{ max-width: 540rpx; min-height: 80rpx; border-radius: 10rpx; border: 2rpx solid #D7D7D7; position: relative ......
Electron点击按钮打开新窗口
实现效果: 主进程main.js const { app, BrowserWindow, ipcMain } = require('electron') app.on('ready', () => { const win = new BrowserWindow({ width: 800, heigh ......
css 样式笔记
calc calc() 函数用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； calc()函数使用标准的数学运 ......
element ui 实现让表格内的内容自定义颜色
element ui 官网链接 element-plus ui Table 介绍 Table的属性 cell-style 单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有单元格设置一样的 Style。 function({ row, column, rowIndex, c ......
fastadmin 自定义table顶部的按钮
记录：fastadmin 自定义table顶部的按钮 作者的链接地址：https://blog.csdn.net/weixin_43652106/article/details/127852615?spm=1001.2101.3001.6650.3&utm_medium=distribute.pc_ ......
设置Button按钮背景不透明
解决： 1.在res/values/中找到两个theme文件，将其中这一行： <style name="Theme.LoginInSystem" parent="Theme.MaterialComponents.DayNight.DarkActionBar"> 都改为： <style name="T ......
css-输入框和按钮水平对齐
<style> .container { margin: 0 auto; margin-top: 160px; width: 600px; } .search { width: 100%; margin-top: 20px; height: 40px; } .search input { width ......
CSS鼠标样式（cursor）总结（转载）
CSS鼠标样式（cursor）总结 属性值 示意图 描述 auto 默认值，由浏览器根据当前上下文确定要显示的光标样式 default 默认光标，不考虑上下文，通常是一个箭头 none 不显示光标 initial 将此属性设置为其默认值 inherit 从父元素基础 cursor 属性的值 cont ......
CSS选择器（包含CSS3新增的伪类和属性选择器等）
选择器 详见https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors CSS语法 规则由两个主要的部分构成：选择器，以及一条或多条声明（样式） 全局选择器 可以与任何元素匹配，优先级最低，一般做样式初始化 ......
JAVAWEB-北京地铁查询系统（Servlet+JSP+CSS+SQL 实现）部分代码
#这是我与伙伴合作完成的练习项目 @小彭先森 页面展示请见我的上一篇博客：https://www.cnblogs.com/rsy-bxf150/p/17253623.html 完整代码请看我的GitHub:https://github.com/BXF-Aurora168 部分代码： Sub.java ......
JAVAWEB-北京地铁查询系统（Servlet+JSP+CSS+SQL 实现）
Servlet+JSP+CSS+SQL 实现完善的地铁系统页面 #这是我和伙伴合作完成的练习项目 #代码我将放在下一篇博客 功能介绍： 1.地铁线路查询：选择线路，输出线路上的站点名。 2.地铁站点查询：输入站点，输出所在的线路。 3.最短路径换乘查询：输入起点终点，输出所有可能的路线，最上面显示的 ......
vue2中添加全局样式
在assets文件夹中创建一个css文件,放入想要的全局样式.好了之后找到main文件然后再main.js文件中import './assets/golbal.css'即可 ......