css第四天自用

最新推荐文章于 2024-07-18 13:30:10 发布
最新推荐文章于 2024-07-18 13:30:10 发布
阅读量393 收藏 7
点赞数 7
文章标签： 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_79736533/article/details/135721436
版权

一.圆角边框

length数值越大，角越圆

80686b1779d54a08b172141433d7944a.png

 

把一个方形的盒子变成圆形的盒子

bef1588ebefa4e6c973ba36e61449110.png

 

跟四个值顺时针来从左上开始

848cbb818be243a2ad57fc6b5bd65f8e.png

 

总结

3db710adc2b648f883d96fadd3a30833.png

 

二.盒子阴影

blur影子的虚实

1e030fd9674d44fbb79b6d041d4dbc32.png

 

前两个必写，其他不写有默认值

半透明效果

55bfea2476df4ce491c96bc1d99fbedf.png

 

（前面0.0.0表示黑色，后面.3表示30％）

hover

05b911d424b349769886c73b1dd490b5.png

 

三.文字阴影

2014affeaae548c9b268230d3e2b2349.png

 

 

 

 

我有重要的话硕
关注
  • 7
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
css第五天自用 浮动
2301_79736533的博客
01-25 167
如下图粉色是浮动的，蓝盒子是标准的，粉色飞走了，位置不保留了，蓝色补齐，就有了重叠效果。浮动提升优先级后只会影响后面，之前的盒子独占一行，如下图只有绿色浮动则会出现以下情况，再在盒子上加上clearfix。相反只有第二个盒子浮动的情况。（在后面插入一个盒子堵上）所以大家都浮动就在一行了。写盒子，先清除内外边距。浮动的元素不占有位置。3.after伪元素。（在前后两端都添加）
css第三天自用
2301_79736533的博客
01-18 351
若不给盒子指定宽度，（则宽度为浏览器宽度，或者继承父亲长度）那么设置内边距就不会在宽度上撑大盒子。这种后面有li（是权重的叠加）不是继承，反而第十行权重更高，所以还是红色。字是粉色，虽然nav权重高，但是是继承的ul的，所以权重最低。标签直接被写出来了，就优先执行自己而不是继承外层的。因为继承父亲的权重为零最低，还是听自己的。所以想改a要在写一个a的，用层叠性盖过。给同一编译器，样式冲突时，覆盖掉。这样改权重又高了，用权重的叠加。谁高听谁的颜色变成谁说的样子。可以调整盒子和盒子之间的距离。
css第二天自用
2301_79736533的博客
12-28 341
主要靠Tab键 例如 ￥符号是排序用的12345id名是#开头类名（class）是.开头，前面带p就是《p》，不带默认为《div》 乘和$的使用 2.快速样式语法 写首字母就行了后面接数字 空格隔开类选择器也行 标签选择器也行 直选离他最近的 如第十行就会选第18而不是第20行 红色波浪线是语法错误选择多组标签，用英文逗号隔开，集体声明，最后一个标签不加逗号 鼠标放在链接上变颜色 一定要按这四种顺序来写，lvha的顺序（LV包包hao）举个例子链接为类选择器基本使用 图五 如图5，要给a该样式要写
CSS第四天
huster0828的博客
08-04 455
一. 定位1.1 为什么需要定位1.2 定位的组成1.3 静态定位 static1.4 相对定位 relative1.5 绝对定位 absolute 一. 定位 1.1 为什么需要定位 浮动可以让多个块级盒子一行没有缝隙排列显示,经常用于横向排列盒子. 定位则是可以让盒子自由在某个盒子内移动或者固定屏幕中某个位置,并且可以压住其他盒子. 第二点的效果,标准流或者浮动都无法快速实现,此时就需要用定位来实现. 1.2 定位的组成 定位:将盒子定在某一个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子..
易支付源码全开源自用版
03-30
2019新版酷享云支付第三方第四标签表明这套源码是2019年更新的酷享云支付平台的一个版本，可能是该平台的第四代升级产品，主要针对第三方支付服务进行优化和扩展。 源码全开源的特点意味着开发者可以完全访问和修改...
Files:自用文件
03-18
在这个名为"Files:自用文件"的压缩包里，我们可能找到了一个用于个人使用的文件集合。描述中提到的"README.md"文件通常是一个项目或文件夹的说明文档，它为用户提供关于内容、用途、如何使用以及可能的注意事项等...
springboot空白项目自用
07-08
它集成了大量常用的第三方库配置，如JPA、Thymeleaf、WebSocket等，使得开发者可以“零配置”快速启动项目。在本"springboot空白项目自用"中，我们可以理解为这是一个基础的SpringBoot项目模板，用于个人或团队的...
Script:我的自用脚本库
05-27
4. **函数封装与模块化**：为了提高代码复用性和可维护性，脚本库可能包含了各种封装好的函数和模块化设计。 5. **动画效果**：利用JavaScript控制CSS样式，创建过渡、滑动、淡入淡出等视觉效果。 6. **数据处理**：...
自用简单登录页，背景使用CSDN官网的博文背景：
06-13
4. 用户体验（UX）设计：考虑到是自用的登录页面，开发者可能特别关注用户体验，确保界面清晰易用，符合用户习惯，比如合适的输入提示、响应式设计以适应不同设备等。 5. 数据安全：虽然题目没有提及，但任何登录...
防御笔记第七天（时需更新）
weixin_63264424的博客
07-16 755
HRP在进行双机热备时，还有一个要求，两台热设备之间，必须拥有一条链路，用来同步信息，并且，这条链路必须是三层链路---这两条路在进行数据传输时，不受安全策略的影响，（注意，如果心跳线是直连的，则不受安全策略的影响，但是中间有中继设备，即非直连场景，则需要配置安全策略）----心跳线----VGMP发送的报文也是通过心跳线传输的。配置信息---（接口IP地址，路由地址）-----hrp不能同步基本的接口和路由信息，安全策略和NAT策略……状态信息-----会话表，server-map，黑名单和白名单等等。
2024Datawhale AI夏令营---基于术语词典干预的机器翻译挑战赛--学习笔记
weixin_61573157的博客
07-15 1083
机器翻译（Machine Translation，简称MT）是自然语言处理领域的一个重要分支，其目标是将一种语言的文本自动转换为另一种语言的文本。机器翻译的发展可以追溯到20世纪50年代，经历了从基于规则的方法、统计方法到深度学习方法的演变过程。当前，机器翻译正朝着更加智能化和个性化方向发展。一方面，结合上下文理解、情感分析等技术，提高翻译的准确性和自然度；另一方面，通过用户反馈和个性化学习，提供更加符合用户需求的翻译服务。同时，跨语言信息检索、多模态翻译等新兴领域也正在成为研究热点。
C/C++ yaml 库
mayue_web的博客
07-18 720
YAML（YAML Ain’t Markup Language）是一种人类可读的数据序列化格式，通常用于配置文件和数据交换。它由Clark Evans在2001年创建，旨在成为一种简单、直观且易于理解的格式。简洁性YAML的设计目标是尽可能简洁，易于阅读和编写。它使用缩进来表示层次结构，而不是像XML那样的标签。易读性YAML文件的可读性非常高，适合人类阅读和编辑，而不仅仅是机器解析。灵活性YAML支持多种数据类型，包括标量（如字符串、整数、浮点数）、序列（列表）、映射（键值对集合）等。扩展性。
NestJS笔记
m0_65519288的博客
07-16 599
概述：本篇文章是NestJS笔记，包括了Nest的基本使用、连接数据库、日志操作。
AGV栅格地图与QImage图片转换笔记
Pou光明的博客
07-15 303
最近在加班加点处理一个agv相关的任务，印象比较深的是将agv给的json数据转换为一个图片。最终的简化需求是将某坐标系下的二维点数据转换为一张图片的像素。Ok，首先的问题是如何将二维的数据映射到栅格坐标系。先看数据例子："mapType":"2D-Map","maxPos":{"x":4.51,"y":16.331},"minPos":{"x":-14.138,"y":-1.48} "resol...
OpenGL笔记十一之Uniform变量及实现一个颜色忽明忽暗的三角形
小勇博客
07-14 335
— 2024-07-14 上午。
STM32学习和实践笔记（40）：DS18B20温度传感器实验
qq_37191547的博客
07-15 821
DS18B20温度传感器的内部存储器包括一个高速的暂存器RAM和一个非易失性的可电擦除的EEPROM,后者存放高温度和低温度触发器TH、TL和配置寄存器。60~240 us，以产生低电平应答脉冲。单总线器件仅在主机发出读时序时，才向主机传输数据，所以，在主机发出读数据命令后，必须马上产生读时序，以便从机能够传输数据。比如我们要计算+85度，数据输出十六进制是0X0550，因为高字节的高5位为0，表明检测的温度是正温度，接着主机释放总线，外部的上拉电阻将单总线拉高，延时 15～60 us，并进入接收模式。
Cadence23学习笔记（三）
zjb6668的博客
07-15 350
焊接FPC的时候先上锡，焊台加热后再图上焊油，再放置元器件，再加热：万用表测电流只需要把表笔接到电流的孔位即可测量电流，不需要接再串联一个负载：有些线性电源两个通道可以串联，并联起来使用；
上海昇腾AI训练营笔记
最新发布
嵌入式点灯砖家的博客
07-18 786
Ascend C系列AI处理器适用于计算力需求较低的场景，如智能监控、边缘计算等。提供多种精简模式和高性能模式，满足不同应用场景下的性能要求。支持全场景覆盖，既可以部署在云端也可以部署在端侧。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值