伪类元素content，icon变形倾斜问题

最新推荐文章于 2024-11-08 18:54:37 发布
最新推荐文章于 2024-11-08 18:54:37 发布
阅读量167 收藏
点赞数
文章标签： css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/web_notes/article/details/131568279
版权

![在这里插入图片描述](https://img-blog.csdnimg.cn/b58d128a80fd4a069a5e47cf2e87e256.png在这里插入图片描述
检查发现原本设置了一个 font-style 为 italic，为倾斜样式
解决办法：

 font-style: normal;

在这里插入图片描述

一个打工仔的笔记
关注
link标签的使用 && 浏览器标题图标修改
一个憨憨的前端之路
08-11 2615
link link标签定义文档与外部资源的关系。 link标签最常见的用途是链接样式表。 tip: 仅包含属性，只能放于head // index.html 浏览器图标修改 <link rel="icon" type="image/x-icon" href="./logo_.png"> 常用属性 href 外链地址 rel 规定当前文档与被链接文档之间的关系 rel="icon" 图标,格式可为PNG\GIF\JPEG，尺寸一般为16x16、24x24、36x36等 rel="shor
HTML rel=“icon“
allway2的博客
06-17 3707
标签上的属性值指定当前页面的网页图标或网站图标。此设置仅适用于标记。A在元素上。 此链接引用页面或站点的图标。 现场试用rel属性定义当前页面和链接资源之间的关系。该值定义了在视觉上代表网站的网页图标或网站图标。图标 URL 在href属性中指定。 只有一个元素接受rel属性上的图标值。网站图标称为favicon。网站图标用于网站选项卡，并用作触摸图标、移动快捷方式图标和应用程序图标。最初，网站图标是格式化的图像，但今天也接受图像。这些是图标的标准尺寸：...
vant 引入 iconfont 图标，图标变形，图标斜斜歪了
指尖跳动，代码改变生活
10-20 871
仔细审查一便当前图标的样式，发现没有自己写的CSS样式导致图标变形，最后检查发现元素有个一个 font-style 为 italic的样式，才恍然大悟，这是斜体的样式，vant 插入图标使用的是标签 i，i 默认样式就是斜体，直接覆盖默认样式即可。
CSS 基础知识点 样式 选择器 伪类
weixin_30367543的博客
05-29 510
CSS 基础知识点汇集 　　版权声明：这篇博客是别人写的，大神博客地址 :https://www.cnblogs.com/Mtime/p/5184685.html　　 1、CSS 简介 　　CSS 指层叠样式表 (Cascading Style Sheets)，是一种用来表现 HTML 文档样式的语言，样式定义如何显示 HTML 元素，是能够真正做到网页表现与结构分离的一种样...
css笔记
c1523456的博客
11-01 1096
css3 基础内容
WEB基础-变形动画
qq_43711676的博客
04-03 522
字体图标 下载字体图标 使用字体图标 类名使用更多 字体图标都是使用单独的盒子 字体图标我们喜欢用i标签 引入相关文件 使用类名引入字体图标(重点) 使用Unicode编码(了解) 使用伪元素字体图标(记住) 变形transform(2D) 位移translate transform: translate(x，y); 与margin区别 margin移动盒子会影响其余的盒子。把其他挤走。 位移translate移动盒子不会影响其他的盒子。不脱标。 子盒子水平和垂直居中 1.定位 3.利用tran
字体图标,变形,及渐变
qq_38806666的博客
10-04 199
css字体图标,变形,及渐变
【css】元素样式大全
zhangankang的博客
06-28 2380
CSS元素类型 一、分类 1、按显示方式：块级元素、行内级元素 2、按内容方式：替换元素、非替换元素 二、类型原理：display属性 display属性的常见4种取值： display:block;//设置块级元素，类似的也有：display:list-item; display:inline;//元素默认，用于设置行内级元素 display:none;//用于隐藏元素，并不占页面空间 display:inline-block;//设置为行内块级元素 ...
字体图标 iconfont、变形 transform、 渐变
m0_50545762的博客
05-12 324
字体图标iconfont的使用 变形transform(2D)的 位移translate、旋转rotate、缩放scale、倾斜skew 线性渐变
菜单栏 “三” 变形为“X”css3过渡动画
09-27
1. CSS的伪元素（Pseudo-elements）: 在CSS3中，可以通过使用`:before`和`:after`选择器来创建伪元素。伪元素可以被视为选定元素的子元素，但它们在文档树中并不存在。这个特性可以用来创建图形或者增加额外的装饰...
CSS3小结
04-17
变形属性（transform）可以旋转、缩放、平移和倾斜元素，如rotate()、scale()、translate()和skew()。 6. **透明度与混合模式** opacity属性控制元素的透明度，而CSS3的混合模式（blend-mode）则可以实现类似图像...
小白的《CSS权威指南》笔记（上部分）
canxuezhang的博客
10-15 961
个人看书心得
CSS_黑马基础高级技巧
qq_42636335的博客
11-06 558
#CSS用户界面样式 界面样式，就是更改一些用户操作样式，以便提高更好的用户体验。 鼠标样式cursor 选择器{cursor: pointer;} 设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。 轮廓outline 是绘制于元素周围的一条线，位于边框边缘的外围（和边框不冲突），可起到突出元素的作用 选择器{online：none；}或者outline: 0; 一般情况下都是去掉的 防止拖拽文本域resize 实际开发中，我们文本域（text...
巨好看的登录注册界面源码
bjzhang75的博客
10-31 3825
巨好看的登录注册界面源码
CSS3中的3D变换（3D空间与景深、透视点的位置、3D位移、3D旋转、3D缩放、3D多重交换、背部可见性）
最新发布
yyyyyyysc的博客
11-08 58
CSS3中的3D变换（3D空间与景深、透视点的位置、3D位移、3D旋转、3D缩放、3D多重交换、背部可见性）
CSS3中的2D变换（位移、缩放、旋转、扭曲、多重变换、变换原点）
yyyyyyysc的博客
11-08 110
CSS3中的2D变换（位移、缩放、旋转、扭曲、多重变换、变换原点）
请解释一下HTML5和CSS3的一些重要特性，并说明你在页面重构方面的能力和经验。
2301_81121233的博客
11-07 497
1.**语义标签**：HTML5引入了新的语义标签，如``、``、``、``和``，这些标签有助于提升网页的结构性和可访问性。2.**表单控件**：提供了新的表单控件类型，如`date`、`time`、`email`和`url`，以及新的输入验证属性，如`required`、`max`和`min`。5.**离线应用**：使用`applicationcache`和`serviceworkers`可以创建无需网络即可访问的应用程序。
CSS3新增边框属性（五）
。
11-01 625
介绍CSS3新增边框属性以及用法。
js实现漂亮的注册页面（js动态注册页面）
yyyyyyysc的博客
11-04 506
js实现漂亮的注册页面（js动态页面）
css伪元素befor
09-01
在上面的示例中，我们使用 `::before` 为具有 `icon` 类的元素插入了一个 Font Awesome 字体图标。通过设置 `content` 属性为相应图标的 Unicode 代码，并使用适当的字体库，我们可以在元素之前显示该图标。 需要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值