当前位置： 首页 > news >正文

Web前端学习：六 -- 练习小总结

news 文章来源：https://blog.csdn.net/weixin_45097269/article/details/129390147 2025/1/12 15:53:20

1、背景颜色+透明度写法：

background：rgba(R，G，B，Alpha透明度)
透明度范围：0–1，1=完全不透明，0=完全透明
在这里插入图片描述

2、伪类

hovar：
当鼠标接触该元素是，显示另一种样式
在这里插入图片描述
在这里插入图片描述

3、边框阴影：

box-shadow ：向边框添加一个或多个阴影。

标准写法：
box-shadow:阴影类型 X轴位移 Y轴位移 阴影大小 阴影扩展 阴影颜色
box-shadow:2px 2px 10px #06C;
img{box-shadow:0 0 10px 20px rgba(0, 255, 0, .5);}
若是不写类型，及默认为投影效果；若设为inset，即为内阴影效果

4、居中

text-align: center;
一般用于里面的文字居中，可以控制img等元素，水平居中
margin: 0 auto;
让自己的元素居中，0是高度，可变，auto代表左右，水平居中

5、居中框架结构

个人理解：
可以分3层
最外面的div：最大的框架，控制该部分的具体位置，和要占用的空间
中间的div：小框架，进行居中等操作
元素：即要在页面中显示的内容
在这里插入图片描述

6：百分比宽度设置

当出现div中有多个并排的div共同占用一整行时
如果使用固定值来设置宽度，在页面拉伸是会出现div被挤下去的现象，
在这里插入图片描述

可以使用百分比来设置宽度，保证页面在拉伸时正常显示
在这里插入图片描述

baozh

相关文章：

Web前端学习：六 -- 练习小总结

1、背景颜色透明度写法： background：rgba(R，G，B，Alpha透明度) 透明度范围：0–1，1完全不透明，0完全透明 2、伪类 hovar： 当鼠标接触该元素是，显示另一种样…...

编程日记 2023/5/1 21:06:46

微服务之 CAP原则

文章目录微服务CAP原则AC 可用性 一致性CP 一致性 分区容错性AP 可用性 分区容错性提示：以下是本篇文章正文内容，SpringCloud系列学习将会持续更新 微服务CAP原则 经过前面的学习，我们对 SpringCloud Netflix 以及 SpringCloud 官方整个生…...

编程日记 2023/5/1 21:06:44

乐鑫特权隔离机制 #4 | 用户应用程序的安全启动

乐鑫特权隔离机制 系列文章 #4 目录 安全启动 (Secure boot) 受保护应用程序的安全启动 (Secure boot for protected app ) 用户应用程序的安全启动 (Secure boot for user app) 基于证书的验证方案 (Certificate-based verification scheme) 必要条件验证过程​​​​​…...

编程日记 2023/5/1 21:06:41

剑指 Offer 46. 把数字翻译成字符串

摘要 剑指 Offer 46. 把数字翻译成字符串 一、递归算法解析 给定一个数字，我们按照如下规则把它翻译为字符串：0 翻译成 “a” ，1 翻译成 “b”，……，11 翻译成 “l”，……，25 翻译成 “z”。…...

编程日记 2023/5/1 21:06:39

tar命令——归档/压缩和解压缩文件

tar命令的功能是将一个或多个文件归档成一个文件，同时可结合gzip、bzip2和xz等压缩命令实现文件的压缩和解压缩。 tar 命令的语法格式如下： tar [选项] 文件或目录 常用选项如下： 选项作用/含义-c建立归档文件-x从归档文件中解出文件-z通…...

编程日记 2023/5/1 21:06:29

Softing smartLink网关——推进过程工业数字化转型

虽然在过程工业中各工厂所投入的运营时间千差万别，但仍需按照新标准来进行有效控制和管理，而这就需要使用一种能够聚合其异构数据的数字通信架构。对此，Softing提供了两种网关解决方案，可用于将过程工业通信架构集成到现有以太网系…...

编程日记 2023/5/1 21:06:26

Spark的常用算子

Spark的常用算子 目录内容Spark的常用算子一、转换算子（Transformation）二、行动算子（Action）三、键值对算子（PairRDDFunctions）四、文件系统算子（File System）Spark 内置算子是指 S…...

编程日记 2023/5/1 21:06:24

Unity Avatar Cover System - 如何实现一个Avatar角色的智能掩体系统

文章目录简介变量说明实现动画准备动画状态机State 状态NoneStand To CoverIs CoveringCover To Stand高度适配高度检测脚部IK简介 本文介绍如何在Unity中实现一个Avatar角色的智能掩体系统，效果如图所示： 初版1.0.0代码已上传至SKFramework框架Package…...

编程日记 2023/5/1 21:06:22

steam/csgo搬砖项目到底真的假的？

搬砖是从国外steam市场置办游戏装备回来，在国内网易buff售卖，低买高卖，产生利润的一个项目。 但我真正上手后，才知道steam是面向全球的游戏平台，用户真的大的夸张！！市场非常巨大，一…...

编程日记 2023/5/1 21:06:20

【Python笔记20230307】

基础 编码、解码 str.encode(utf-8) # 编码 str.decode(utf-8) # 解码关键字 import keyword keyword.kwlist格式化输出 % 占位符:%s 字符串%d 整数%f 浮点数Hello, %s % world Hi, %s, you have $%d. % (Michael, 1000000) 占位符的修饰符 -左对齐 .小数点后位数 0左边补零…...

编程日记 2023/5/1 21:06:17

SBOM应该是软件供应链中的安全主食

当谈到软件材料清单(SBOM)时，通常的类比是食品包装上的成分列表，它让消费者知道他们将要吃的薯片中有什么。 美国机构有90天时间创建所有软件的清单 同样，SBOM是一个软件中组件的清单，在应用程序是来自多个来源的代码的集合的时…...

编程日记 2023/5/1 21:06:14

[计算机组成原理(唐朔飞 第2版)]第一章 计算机系统概论 第二章 计算机的发展及应用（学习复习笔记）

第1章 计算机系统概论 1.1 计算机系统简介 1.1.1 计算机的软硬件概念 计算机系统由“硬件”和“软件”两大部分组成。 硬件 是指计算机的实体部分，它由看得见摸得着的各种电子元器件，各类光、电、机设备的实物组成如主机、外部设备等 软件 软件看不见…...

编程日记 2023/5/1 21:06:11

Python的数据分析相关的框架

Python特别强大，也是一款可以实现可数据分析语言，它有很多开源的库和工具，可以帮助数据科学家处理和分析数据。 以下是一些常用的Python库和工具： NumPy：NumPy是一个Python库，用于处理大型多维数组和矩阵&…...

编程日记 2023/5/1 21:06:08

为什么会出现植物神经紊乱 总是检查不出来该怎么办

植物神经紊乱是一种很多人都害怕的疾病，你们知道是为什么吗？ 植物神经紊乱是一种神经系统失调导致的多种症状的总称，这种疾病是由于社会因素所诱发的脏器功能的失调，是一种非常复杂的疾病。而这种疾病是可能会发生在任何年龄阶段的…...

编程日记 2023/5/1 21:06:06

宏任务和微任务

JavaScript 把异步任务又做了进一步的划分，异步任务又分为两类，分别是： ① 宏任务（macrotask） 异步 Ajax 请求setTimeout、setInterval文件操作其它宏任务 ② 微任务（microtask） Promise.then…...

编程日记 2023/5/1 21:06:03

使用WebSocket、SockJS、STOMP实现消息实时通讯功能

客户端 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head><title>websocket client</title><script src"http://cdn.bootcss.com/sockjs-client/1.1.1/sockjs.min.js"></script>…...

编程日记 2023/5/1 21:06:00

C++回顾（十一）—— 动态类型识别和抽象类

11.1 动态类识别 11.1.1 自定义类型 C中的多态根据实际的对象类型调用对应的函数 &#xff08;1&#xff09;可以在基类中定义虚函数返回具体的类型信息 &#xff08;2&#xff09;所有的派生类都必须实现类型相关的虚函数 &#xff08;3&#xff09;每个类中的类型虚函数都需…...

编程日记 2023/5/1 21:05:58

雷电模拟器安卓7以上+Charles抓包APP最新教程

一、工具准备&#xff1a; 证书安装工具全局代理工具下载&#xff1a; https://download.csdn.net/download/weixin_51111267/87536481 二、Charles设置 &#xff08;一&#xff09;电脑上证书安装 &#xff08;二&#xff09;安卓模拟器上系统证书安装&#xff08;RooT权限打…...

编程日记 2023/5/1 21:05:56

vsvode 配置sftp，连接远程linux全过程

在本地安装sftp插件&#xff0c;配置参数https://blog.csdn.net/u011119817/article/details/106630599在linux机台安装vscode-service服务https://zhuanlan.zhihu.com/p/294933020连接超时&#xff0c;将配置文件添加超时时间遇到的错误处理&#xff1a;(272条消息) 【vscode插…...

编程日记 2023/5/1 21:05:53

C++类转换为蓝图、打印日志、蓝图关卡、删除C++文件

蓝图宏 UCLASS(Blueprintable)//c脚本可转换为蓝图 UPROPERTY(BlueprintReadWrite)//蓝图中可创建set&#xff0c;get节点 UFUNCTION(BlueprintCallable)//可创建函数节点 UPROPERTY(BlueprintReadWrite,Category”My Variables”)//节点进行分类打印日志 UE_LOG(LogTemp, Lo…...

编程日记 2023/5/1 21:05:48

elasticsearch高级篇：核心概念和实现原理

1.elasticsearch核心概念1.1 索引(index)一个索引就是一个拥有几分相似特征的文档的集合。比如说&#xff0c;你可以有一个客户数据的索引&#xff0c;另一个产品目录的索引&#xff0c;还有一个订单数据的索引。一个索引由一个名字来标识&#xff08;必须全部是小写字母&#…...

编程日记 2023/5/1 21:05:46

部署安装Nginx服务实例

其他服务&#xff1a; 搭建zabbix4.0监控服务实例 普罗米修斯监控mysql数据库实战 Linux安装MySQL数据库步骤 一. Nginx概念介绍 1.介绍Nginx程序 Nginx (engine x) 是一款开源且高性能的HTTP和反向代理web服务器&#xff0c;同时也提供了IMAP/POP3/SMTP服务。主要特点是占用…...

编程日记 2023/5/1 21:05:44

云原生架构设计原则及典型技术

云原生是面向云应用设计的一种思想理念&#xff0c;充分发挥云效能的最佳实践路径&#xff0c;帮助企业构建弹性可靠、松耦合、易管理可观测的应用系统&#xff0c;提升交付效率&#xff0c;降低运维复杂度。代表技术包括不可变基础设施、服务网格、声明式 API 及 Serverless 等…...

编程日记 2023/5/1 21:05:41

【Linux】-- 工具介绍 vim_gcc/g++_gdb

目录 Linux中的软件管理工具 – yum 在Linux下安装软件的方式 认识yum 查找软件包 安装 卸载 lrzsz.x86_64 rz sz Linux中的编辑器 – vim vim的基本概念 vim各模式切换 vim命令模式命令 vim底行模式命令 gcc / g gcc / g的作用 gcc / g语法 预处理 编译 汇…...

编程日记 2023/5/1 21:05:39

JAVA SE： IO流

一、Java流式输入输出原理Java对于输入输出是以流(Stream)的方式进行的&#xff0c;JDK提供各种各样的“流”类&#xff0c;以获取不同类型的数据。可以理解为将管道插入到文件中&#xff0c;然后从管道获取数据。这个管道外边还可以套管道&#xff0c;外边的管道对数据进行处理…...

编程日记 2023/5/1 21:05:37

打破原来软件开发模式的无代码开发平台

前言传统的系统开发是需要大量的时间和成本的&#xff0c;如今无代码开发平台的出现就改变了这种状况。那么你知道什么是无代码开发平台?无代码开发对企业来说有什么特殊的优势么?什么是无代码平台无代码平台指的是&#xff1a;使用者无需懂代码或手写代码&#xff0c;只需通…...

编程日记 2023/5/2 13:34:19

06-redux中的hook

知识点06-redux的hook 在函数组件中要和redux连接&#xff0c;分为两个步骤 前提状态机已经主备就绪 注入store到根组件 在函数组件中&#xff0c;使用Provider包裹根组件&#xff0c;并将store注入这一步&#xff0c;依旧是不能少的 import store from "./redux/store…...

编程日记 2023/5/1 21:05:34

watch监听不到数组对象的变化

watch监听不到数组对象的变化一、利用索引直接改变arr的值二、修改数组的长度arr.length三、添加和修改对象属性和值Vue不能监听到数组和对象值的变化其实和双向绑定的原理有关。Vue双向绑定原理是利用js中的Object.defineproperty重定义对象的GET和SET方法&#xff0c;而同时这…...

编程日记 2023/5/1 21:05:32

言语理解与表达之语句表达

考点一语句填空提问方式&#xff1a;填入划横线处最恰当的一句是&#xff08; &#xff09;1.横线在结尾&#xff1a;总结前文提出对策2.横线在开头&#xff1a;需概括文段的中心内容3.横线在中间&#xff1a;注意与上下文联系把握好主题词&#xff0c;保证文段话题一致实例1和…...

编程日记 2023/5/1 21:05:30

2023年全国最新食品安全管理员精选真题及答案14

百分百题库提供食品安全管理员考试试题、食品安全员考试预测题、食品安全管理员考试真题、食品安全员证考试题库等&#xff0c;提供在线做题刷题&#xff0c;在线模拟考试&#xff0c;助你考试轻松过关。 131.食品生产企业在一年内&#xff08;&#xff09;次因违反《中华人民共…...

编程日记 2023/5/1 21:05:28

wordpress相册打造的视频弹出/如何制作个人网站

首款骁龙870平板官宣&#xff1a;联想小新平板 5月25日 见预热了许久的联想小新平板&#xff0c;终于揭开了神秘的面纱&#xff0c;联想小新官博昨天发布官宣消息&#xff1a;真香价 5月25日 19&#xff1a;30分 平板发布会见。根据联想小新官博预热来看&#xff0c;此次发布会…...

编程日记 2025/1/12 13:38:32

读书郎营销网站/百度广告联盟赚广告费

字符串操作C语言提供了较多的库函数&#xff0c;本题目要求代码中不能使用字符串操作相关的库函数&#xff0c;可以使用malloc。 用例中可以使用中提供的库函数。 实现接口&#xff0c;每个接口实现1个基本操作&#xff1a; unsigned int strlenth(char*s)&#xff1a;计算字…...

编程日记 2025/1/12 13:12:06

怎么介绍自己做的电影网站/seo网站推广

360手机N4S配置怎么样&#xff1f;360手机N4S值得购买吗&#xff1f;360手机N4S有几个版本&#xff1f;各版本有什么区别&#xff1f;下面脚本之家的小编就带来了360手机N4S各版本区别对比评测&#xff0c;一起来看看吧。外观设计360手机N4S是360手机N4的升级版&#xff0c;但是…...

编程日记 2025/1/12 12:43:49

b2c网站建设策略/推广公司运营模式

原标题&#xff1a;Java Restful API 文档生成工具 smart-doc | 软件推介授权协议&#xff1a;Apache-2.0开发语言&#xff1a;Java软件作者&#xff1a;上官胡闹背景在当今各种盛行的前后端分离、restful service开发过程中&#xff0c;接口文档是必不 可少的。对于前后端分离…...

编程日记 2025/1/12 10:10:35

风机网站怎么做/微信做单30元一单

通过阅读您的评论&#xff0c;您的实际问题似乎是&#xff1a;您有一个方法可以打印一些输出。如果用户调用代码&#xff0c;那么您希望将输出打印到终端。如果代码由另一个方法在内部调用&#xff0c;则不希望输出被打印。在mgilson建议的debug参数是一个不错的选择&#xff0…...

编程日记 2025/1/12 9:31:07

简单网站制作教程/超链接友情外链查询

删除 node_modules包 然后npm install 然后再deploy d即可 这个问题真是闹心死我了 https://github.com/npm/npm/issues/17444 网上又有人说是vs code占用了&#xff0c;所以最好把vs code也暂时关掉 我这样做之后就好使了 还有说加环境变量的&#xff0c;也就是把博客地址…...

编程日记 2025/1/12 8:15:24