style属性

style属性

style=“属性名:属性值;属性名:属性值;”

1.更改文字背景的颜色，

<!--color为前景色，background-color为背景色  -->
<span style="color:red; background-color:yellow;">
	文字和背景颜色
</span>

2.更改文字大小和粗细 font-weight为字体粗细 font-size是字体大小(有单位)

<span style="font-weight:900;font-size:40px;">
	文字大小与粗细
</span>`

3.样式更改

<!--div变span(不换行 inline是行)  -->
<div style="display:inline;">
	div变span
</div> &emsp;
<div style="display:inline;">
	div变span
</div>
<!--span变div(换行 block是块) -->
<span style="display:block;">
	span变div
</span>
<span style="display:block;">
	span变div
</span>

4.边框样式(边框线，线型，边框颜色 )

<!--边框线有单位px solid(直线) -->
<div style="border: 10px solid red;">
	边框线 线型和边框颜色
</div>

5.边框的外边距和内补(margin外边距，有单位 padding内补)

<!--margin外边距，有单位    padding内补 有单位 -->
<div style="padding: 10px; margin: 50px;">
边框的外边距和内补
</div>