CSS解决样式共享和可移植。


文章目录

font-size

font-size推荐使用像素单位。
第五章 JavaWeb CSS文本相关样式_css

font-family

若电脑上没有按装相应字体,会自动选择另外字体。

font - weight

第五章 JavaWeb CSS文本相关样式_html_02

字体风格font-style

第五章 JavaWeb CSS文本相关样式_html_03

font:综合设置字体样式

font属性用于对字体样式进行综合设置,基本语法为
第五章 JavaWeb CSS文本相关样式_样式属性_041.顺序必须对!!!
2.属性之间用空格隔开。
3.一定要有size和family.
实例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>font属性</title>
<style type="text/css">
.one{font:italic 18px/30px "隶书";}
.two{font:italic 18px/30px}
</style>

</head>
<body>
<p class = "one">段落1: 使用font属性综合设置大法好 </p>
<p class = "two">段落2:我是对比用的</p>
</body>
</html>

文本外观样式属性

文本颜色

第五章 JavaWeb CSS文本相关样式_css_05实际工作经常使用16进制。

行高{字符的垂直间距}

第五章 JavaWeb CSS文本相关样式_css_06

实际工作最常使用px,也有em

3.text-decoration:文本装饰

设置文本的下划线,上划线,删除线等装饰效果。
第五章 JavaWeb CSS文本相关样式_样式属性_07

text-align用于设置文本的水平对齐方式。

第五章 JavaWeb CSS文本相关样式_html_08

text-indent 首行缩进

第五章 JavaWeb CSS文本相关样式_html_09