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

html-css015

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

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

这个你用个span标签就可以了啊，行内元素都是没有width和height属性的，大小会随着内容的多少而改变，默认是display:inline属性。如果用div的话，默认是display:block属性，宽度是100%的，就不能正好包住内容了。

1、打开Hbuilder编辑器，新建一个html空白文档，输入基本的结构，这里设置一个外围的div盒子，给外围的div高度宽度和背景颜色，文字包裹到span标签里，文字也设置一下颜色，按下Crtl+S保存一下：

2、此时可以在软件右侧的窗口可以看到效果：

3、把外围盒子的position属性设置为relative，span标签里的position属性设置为absolute，设置top、left、right、bottom的数值，此时在右侧的窗口就会发现文字的位置已经改变了：