按钮 背景css
css选择器
1、id选择器 #id_name{} 前缀#，后接选中html元素的id属性值 选取单个 2、class选择器 .class_name{} 前缀.，后接选中html元素的class属性值 可以选择多个 class_name的第一个字符不能是数字 3、标签/元素选择器 label_name{} 直接使 ......
css文本
1、color color:red; 设置字体颜色 2、text-align text-align:center; 设置文本的水平对齐方式，可选项：center居中对齐，right向右对齐，left向左对齐，justify两端对齐 3、文本修饰 text-decoration:none; 可选项：o ......
css字体
1、font-family字体系列 font-family:"Times New Roman", Times, serif; 应该设置多个，以作为后备机制，如果浏览器不支持第一种字体，他将尝试下一种字体。 字体系列的名称超过一个字，必须使用引号 2、字体样式 font-style:normal; 可 ......
css盒子模型
1、介绍 所有HTML元素可以看作盒子，包括： 外边距margin 边框border 内边距（填充）padding 实际内容：显示文本和图像，指定元素的width和height属性实际就是内容的宽度和高度 2、边框 （1）border-style样式 none:默认无边框 dashed 虚线边框 s ......
css一般设置
1、链接 a:link - 正常，未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻 超链接a标签具有四个状态，可以基于css选择器进行选择 a:hover 必须跟在 a:link 和 a:visited后 ......
css基础
1、介绍 CSS 指层叠样式表 (Cascading Style Sheets)，作用是定义如何显示html元素。 解决内容与显示的分离。 2、形式 （1）内联 <p style="color:red">段落</p> （2）内部 <style> p{color:red} </style> （3）外部 ......
CSS Font Loading Module Level 3 有哪些变化
CSS Font Loading Module Level 3 是 CSS 中的一个新特性，它允许开发者在不同的浏览器中使用不同的字体加载器。在 Level 3 中，浏览器将使用不同的字体加载器来加载字体，以提高性能和兼容性。 相比 Level 2，Level 3 引入了以下变化： 支持多个字体加载 ......
layui学习2（按钮、导航、选项卡）
1.按钮 <button type="button" class="layui-btn">一个标准的按钮</button> <a href="http://www.ilayuis.com" class="layui-btn">一个可跳转的按钮</a> <div class="layui-btn">d ......
Css预编语言以及区别
一、是什么 Css 作为一门标记性语言，语法相对简单，对使用者的要求较低，但同时也带来一些问题 需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前端开发工程师来讲，往往会因为缺少 Css 编写经验而很难写出组织良好且易于维护的 Css 代码 Css预处理器便是针对上述问题的解 ......
CSS个人笔记
CSS 一.CSS又称层叠样式表 《1》结构： 选择器{声明;声明} 声明=属性+属性值 p { color: pink; } 总结： 选择器写在 { } 前面，声明写在 { } 内，声明和声明之间用；隔开 声明是由属性和属性值组成，属性和属性值之间用：连接 《2》CSS样式 | color | ......
纯css和单class实现文件夹
使用before和after伪元素就可以了 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>纯css文件夹</title> <style type="text/css"> body { margin: 0; } div.fold ......
uniapp点击选中更改背景色，第二次点击直接跳转
直接上代码 <view id="index0" v-for="(item, index) in value.list" :key="index" class="text-item" style="background-color: #fee3b3" :style="{ width: 'calc(10 ......
PPT中动态背景图片应用
第一步：添加动态背景图(为PPT页面或形状) 第二步：图片上添加文本框 第三步：设置文本框填充为透明，即无填充 第四步：设置文本框轮廓，实现文字内容可见 实现效果如下： ......
CSS实现段落首行缩进两个字符
段落前面空两个字的距离，不要再使用空格了，对于文字，需要使用4个 才会显示汉字2个字符空格的效果。 用CSS实现段落首缩进两个字符，应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 在这里我们需要了解一种长度单 ......
div背景图的动态高度实现
<div style="width: 20%; border: 2px solid black; padding-bottom: 8.43%; background: url('../assets/1bg.png') no-repeat; background-size: cover"></div> ......
EasyUI Linkbutton 链接按钮/easyui的学习网站
https://www.jeasyui.net/plugins/187.html 关于easyui的学习，可以在这个网站：https://www.jeasyui.net/ 链接按钮（linkbutton）用于创建一个超链接按钮。它是一个正常的 <a> 标记的表示。它可显示图标和文本，或者仅仅显示图标 ......
设置多个背景图片
首先 使用background-image:url("./images/logo.jpg") 来指定背景图片的路径 使用background-repeat:repeat | repeat-x | repeat-y | no-repeat 来指定背景图片的重复次数 使用background-size: ......
css-2(盒子模型)
页面布局三大核心：盒子模型、浮动，定位 网页布局的本质：每个网页都是有盒子组成的，步骤：准备标签，设置样式，放入内容 盒子模型：用来装内容的，包括边框（border），内边距（padding），外边距（margin），实际内容（content） border（边框）：边框宽度（border-widt ......
CSS-1
css具有层叠性，主要用于解决样式冲突问题（同一个标签不同样式）采用的是就近原则，那个里的进就用那个，也可以理解为覆盖，一般的下面的覆盖上面的 继承性：子标签会继承父标签中的某些样式主要是有关字体类的 eg： 结果： css的行高的继承性 子元素可以继承父标签的行高但会根据子元素的字体大小有不同的变 ......
css实现艺术字
最近在写一个新的小活动，本来有涉及艺术字的标题，本来是想用图片展示的，后来面向百度编程的时候，发现可以使用css来实现 效果及代码如下 font-size: 60rpx; color: #fff; text-shadow: 0 0 5px #FF0200, 0 0 10px #727272; tex ......
bs4介绍，遍历文档树、搜索文档树、css选择器、selenium基本使用、selenium其他用法
昨日回顾 # 1 request 高级用法 -解析json：发http的请求，返回的数据，可能是xml格式，json格式 request.get().json() -ssl认证 -http和https的区别 https=http+ssl/tsl -http版本区别 0.9：底层基于tcp，每次htt ......
直播网站程序源码，给组件按钮、文本编辑框等设置圆形边框、颜色
直播网站程序源码，给组件按钮、文本编辑框等设置圆形边框、颜色 代码如下： 1.添加drawable资源文件 <?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/a ......
CSS引入方式及link和@import的区别
1. 概述 1.1 说明 在项目开发中，我们经常使用css样式使页面丰富多彩，编写过程中，CSS有四种引入方式。 2. CSS引入方式 2.1 引入方式一：内联样式 内联样式(行内样式)：直接在 HTML 标签中的 style 属性中添加CSS <div style="width:200px;hei ......
css中文字与图片对齐
css中文字与图片对齐 第一种，使用vertical-align:middle .icon{ background-repeat:no-repeat; background-position:center; display:inline-block; width:16px; height:16px; ......
人工智能AI库Spleeter免费人声和背景音乐分离实践(Python3.10)
在视频剪辑工作中，假设我们拿到了一段电影或者电视剧素材，如果直接在剪辑的视频中播放可能会遭遇版权问题，大部分情况需要分离其中的人声和背景音乐，随后替换背景音乐进行二次创作，人工智能AI库Spleeter可以帮我们完成大部分素材的人声和背景音乐的分离流程。 Spleeter的模型源来自最大的音乐网站D ......
CSS
1、什么是CSS 层叠样式表，美化网页 CSS的三种导入方式 1、内部样式 2、外部样式（链接式，导入式） 3、行内样式 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>导出方式</tit ......
vue按钮禁用
一个按钮的动态禁用设置是如此多坑 必须要用到prop、data prop来绑定其属性disabled，data是因为prop属性的内容不可改变。 <template> <div> <el-button type="success" size="small" @click="check">龟龟</el ......
前端设计，确定按钮正慢慢消失
不论做什么产品，界面上几乎都少不了「确定」按钮，例如：操作提示时、进行选择时、填写表单数据时…… 完成、保存、下单……各种代表“确定某一步骤”的按钮，都可以统称为确定按钮。 以前的产品设计，大量以来确定按钮，但是现在的产品设计，确定按钮用得越来越少了。 倒不是因为不需要确定操作了，而是除了「确定按钮 ......