css怎么使同一行的字体格式不一样

html-css0153

css怎么使同一行的字体格式不一样,第1张

css使同一行的字体格式不一样可利用span标签将需要改变格式的文字包裹起来，语法为指定文字。利用选择器选中指定的span标签元素，并设置不同的样式即可，语法为span对象{css属性，属性值。}。

设置两个CSS样式，如.font_cn{font-family : 宋体} .font_en{font-family : Arial,Tahoma,Verdana} 然后<span class="font_cn">中文字体</span><span class="font_en">英文字体</span>或者 <div class="font_cn">英文字体</div><div class="font_en">英文字体</div>

使用行内样式span,这样可以保证文字不换行，然后再单独定义span样式文字字体号；

如：

<style>

.aa{ font-family:"微软雅黑"font-size:18pxcolor:#333333}

.aa span{ font-family:Arialfont-size:12pxcolor:#990000}

</style>

<div class="aa">中文字体号和颜色<span>This english</span></div>

效果如下图