css模拟font-style: italic；斜体

在CSS中，font-style: italic; 是用来将文字样式设置为斜体的。如果你想要模拟这种效果，但是不使用 italic 属性，你可以使用一些其他的CSS技巧来实现。

一种常见的方法是使用CSS的 transform 属性中的 skewX 功能。这种方法的基本思路是将文字倾斜，然后通过额外的调整，回复到正常的位置。

下面是一个示例代码：

css.fake-italic {
display: inline-block;
transform: translateX(0) skewX(-20deg);
transform-origin: 0 0;
}

html<div class="fake-italic">This is fake italic text</div>

另一种方法是使用伪元素和::before或::after属性来创建一个倾斜的背景，然后通过调整文字的位置来模拟斜体效果。

下面是一个示例代码：

css.simulate-italic {
position: relative;
font-style: normal;
line-height: 1;
}

.simulate-italic::before {
content: attr(data-content);
display: block;
position: absolute;
top: 0;
left: -10px;
font-size: 0.8em;
color: transparent;
background-color: currentColor;
transform: translateX(0) skewX(-20deg);
transform-origin: 0 0;
}

html<div class="simulate-italic" data-content="This is simulated italic text">This is simulated italic text</div>

在这个例子中，.simulate-italic 类使用 ::before 伪元素创建一个相同文本的背景，通过倾斜这个背景来模拟斜体效果。这种方法的优点是不会影响文本的行高和基线，但是需要额外的标签和属性来实现。