css 03
03-数码管显示
03-数码管显示 简介 数码管 led数码管:数码管是一种简单、廉价的显示器,是由多个发光二极管封装在一起组成“8”字型的器件 数码管分为两种 共阴极(下图上面一个电路图所示),共阴极情况下com端(也叫位选端)接低电平,段选段接高电平才会使二极管发光 共阳极(下图下面一个电路图所示),共阳极情况下 ......
CSS如何给字体加边框
<h1> 字 体 边 框 </h1> h1 { background-color:black; font-family: "Raleway", sans-serif; font-size: 28px; color: red;//下方是加边框的内容 text-shadow: 4px 4px 0 whi ......
【源码系列#03】Vue3计算属性原理(Computed)
专栏分享:vue2源码专栏,vue3源码专栏,vue router源码专栏,玩具项目专栏,硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 语法 传入一个 getter 函数,返回一个默认不可手动修改的 ref 对象 const count = ref(1) const plusOne = ......
Spring入门03Spring核心概念、DI、IOC入门案例
Spring核心概念 IoC/DI IoC容器 Bean IOC入门案例 IoC入门案例思路分析 IoC入门案例实现 DI入门案例 DI入门案例思路分析 DI入门案例实现 ......
css 样式 ,高度100%填充
css 样式 ,高度100%填充 .metable { width: 100%; height: 100vh; background-color: deepskyblue; font-size: 48px; text-align: center; border-width: 0px 1px 1px ......
读程序员的README笔记03_变更代码
1. 行为准则 2. 变更代码 2.1. 变更代码和在新代码库中写代码完全不一样,你必须在不破坏现有行为的情况下进行这些修改 2.1.1. 必须理解其他开发者的想法,坚持原有的代码风格和设计模式 2.1.2. 必须在工作中温和地改进代码库 2.2. 善于利用现有代码 2.2.1. 安全地在现有代码库 ......
CSS 文本超出显示...
单行 .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 多行 /* 以两行为例 webkit-line-clamp的值 */ .ellipsis-2 { -webkit-box-orient: ......
CSS超出长度范围显示省略号
要在CSS中实现超出长度显示省略号的效果,你可以使用以下属性: overflow:该属性定义了当内容溢出元素框时发生的事情,此处我们将它设为hidden,意味着溢出的内容会被隐藏。 white-space:该属性设置如何处理元素内的空白,我们将其设为nowrap,这样文本就不会自动换行。 text- ......
用html和css和js实现一个班级点名
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>班级点名系统</t ......
CSS的逻辑组合伪类
CSS 的逻辑组合伪类有 4 种,分别是::not()、:is()、:where()和:has()。 否定伪类:not() :not 伪类选择器用来匹配不符合一组选择器的元素。由于它的作用是防止特定的元素被选中,它也被称为反选伪类(negation pseudo-class)。 也叫否定伪类,是在元 ......
svg+css实现带灰色背景的loading加载动画组件
<template> <svg class="load" viewBox="25 25 50 50" :style="{ width: loadWidth, height: loadWidth }" > <circle class="loading_bg" cx="50" cy="50" r="20 ......
MySQL-03基本的SELECT语句(基础)
课程中,第二章是MySQL环境搭建,因为我是网上找的博客,下载zip,直接安装的,就没看视频,所以没有第二章笔记。这里给出MySQL社区版下载地址。 C-03.基本的SELECT语句 1.SQL概述 1.1 SQL背景知识 1974年,IBM研究员发布了一篇揭开数据库技术的论文《SEQUEL:一门结 ......
用户体验设计:产品设计从需求到交互 -03
第三部分:结构层面的用户体验设计这部分介绍了产品设计的结构层面,包括信息架构、交互设计、界面设计等内容。作者讲解了如何通过良好的信息架构和交互设计来提升产品的可用性和用户体验,以及如何设计清晰、直观的用户界面。 读书笔记:良好的信息架构和交互设计是确保产品易用性和用户满意度的重要因素。通过合理的信息 ......
CSS结构伪类选择器之否定伪类:not
结构伪类选择器是针对 HTML 层级结构的伪类选择器。 常用的结构化伪类选择器有: :root选择器、:not选择器、:only-child选择器、:first-child选择器、:last-child选择器、 :nth-child选择器、:nth-child(n)选择器、:nth-last-chi ......
ABAP:CS01/CS02/CS03 批量创建/修改/删除BOM BAPI
创建BOM:CSAP_MAT_BOM_CREATE FORM frm_create_bom_from_bapi TABLES pt_stpo STRUCTURE stpo_api03 USING ps_stko TYPE stko_api01 ps_bom LIKE gs_bom CHANGING ......
2023-13-03-好像又是很emo的一天
早上起床起得比较晚,因为之前的旅途比较的累 然后一天好像也没干什么。。。。。 也就整理了一下之前的笔记 晚上的时候,去了一下实验室,因为要开周末的分享会 我是7:00左右去的,,然后就坐在位置上学习,,并等待周会二点开始 但是我想说的是,,,在位置上学习,,突然变得不知道学什么了 变得手足无措。。迷 ......
CSS按钮样式之button标签与input type=button的区别
原文链接:1、https://www.cnblogs.com/weihanli/p/5162828.html 2、https://www.cnblogs.com/smile6542/p/11968175.html 如果想要在页面上表示一个显示文本的按钮推荐input[type=”button”]方式 ......
SI24R03 高度集成低功耗SOC 2.4G 收发一体芯片
今天给大家介绍一款Soc 2.4G 收发一体模块-SI24R03Si24R03是一款高度集成的低功耗无线SOC芯片,芯片为QFN32 5x5mm封装,集成了资源丰富的MCU内核与2.4G收发器模块,最低功耗可达1.6uA,极少外围器件,大幅降低系统应用成本,同时配套有成熟的开发调试软件和丰富的函数库 ......
CSS简介及常用样式
一、CSS简介 CSS:层叠样式表(英文全称:Cascading Style Sheets):是一种用来表现HTML样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 二、CSS选择器 2.1基本选择器(三种) 1.标签选择器 <style> p { ......
redis系列(03):redis客户端使用
本系列汇总,请查看这里:https://www.cnblogs.com/uncleyong/p/10950727.html redis配置 redis的配置文件中,注释下面 杀掉redis服务进程:ps -ef | grep redis | grep -v grep | awk '{print $2 ......
02.css
1.标准的CSS盒子模型及其和低版本的IE盒子模型的区别? 标准(W3C)盒子模型:width = 内容宽度(content) + border + padding + margin 低版本IE盒子模型: width = 内容宽度(content + border + padding)+ margi ......
JavaWeb - Day01 - HTML、CSS
课程特色 传统路线 全新路线 目录 HTML快速入门 VS Code开发工具 基础标签&样式 表格、表单标签 01.web开发介绍 什么是web? web:全球广域网,也称万维网(www World Wide Wed),能够通过浏览器访问的网站。 web网站的开发模式 02.web开发课程安排 初始 ......
CSS中层次选择器有哪些?
层次选择器是CSS中用来选择文档中特定元素的一种方法。它通过使用不同元素之间的层次关系来选择目标元素。常见的层次选择器包括后代选择器(descendant selector)、子元素选择器(child selector)、相邻兄弟选择器(adjacent sibling selector)和通用兄弟 ......
【GD32307E-START】03 SPI-OLED显示模块移植
【GD32307E-START】03 SPI-OLED显示模块移植 软硬件平台 GD32F307E-START Board开发板 GCC Makefile | 接口 | 说明 | | | | | GND | 电源地 | | VCC | 电源正(3.3V) | | D0 | 串行信号时钟输入 | | ......
vue3中css使用js中的变量
<script setup lang="ts"> import { SoundOutlined } from '@ant-design/icons-vue' const props = defineProps({ title: { type: String, default: '' }, color ......
streamlit 展示自定义 html 以及 css
目前探索出来的有效方法: style = """ <style> .memo-box { border: 1px solid #ccc; padding: 10px; margin-bottom: 20px; } .tag { font-size: 12px; color: #888; } </st ......
防御式CSS—设置背景图片
通常情况下,当使用大图像作为背景时,我们往往会忘记考虑在大屏幕上查看设计时的情况。默认情况下,该背景将重复。 这在笔记本电脑屏幕上基本上看不到,但在更大的屏幕上可以清楚地看到。 要提前避免这种行为,请确保重置 background-repeat .hero { background-image: u ......
防御式CSS—设置组件间距
我们开发人员需要考虑不同的内容长度。这意味着,应该向组件添加间距,即使它看起来不需要。 在这个例子中,我们在右侧有一个章节标题和一个操作按钮。目前,它看起来不错。但是让我们看看当标题更长时会发生什么。 注意到文本离操作按钮太近了吗?你可能会想到多行包装,但我会在另一节谈到这一点。现在,让我们把注意力 ......