Java前端：CSS——网页美化

span

span标签：重点要突出的字，使用span套起来
约定俗成用span，理论上用其他的也不会错。

font

作用：设置字体

p{
    font: bolder 16px/50px Arial,"楷体";
}
<!--粗体 大小/高度 字体, 字体-->

注意：这里的中英文字体的位置可以互换，且这里的高度和平常所说的高度不太一样。

文本样式

颜色

表示方式

1. 单词
2. RGB
   每种颜色范围为00H~0FFH，每两位一次代表红绿蓝，数值越大代表权重越大。
3. RGBA
   RGB+A（透明度，范围0~1，越大越明显）
   例如：

<!--颜色较淡-->
color: rgba(0, 255, 255, 0.1);

text-align

作用：排版，常用居中（center）

text-indent

作用段落首行缩进

line-height

含义：行高
注意：行高和块高一致就可以上下居中

text-decoration

text-decoration:

• line-though（中划线）
• overline（上划线）
• underline（下划线）

a标签（超链接标签）默认有下划线，可以使用如下代码进行删去：

a{
	text-decoration: none;
}

vertical-align

img, span{
	vertical-align: middle;
}

<p>
    <img src="images/a.png" alt="">
    <span>hello</span>
</p>

通过以上两段代码实现img和span水平方向上的对齐。

其他

em：一个缩进（空格）