<title>文本属性和字体属性示例</title> <style type="text/css"> p{ text-indent: 2em; font-size: 20px; line-height: 50px; letter-spacing: 5px; word-spacing: 20px;
font: 20px/3 '微软雅黑',‘黑体’,...; } div{ line-height: 80px; font-size: 40px; background-color: red;
text-align: center; #居中显示 } </style> </head> <body> <p> hello world对中概股大笔,甚至清仓式减持。中概处于历史性的尴尬时刻, 在美国市场得不到主流资金重视,而中国在中美对抗大环境下, 要求中概回家,并且开始着力发展自己的注册制,将来也许在美 中概会完成融资的历史使命,变成一个更加边缘的角色 </p> <div> 加边缘的角色 </div>
字体属性和文本属性总结:
字体属性:
1. 字体 font-family: "微软雅黑", '宋体',...;
2.字体大小 font-size: 20px;
像素单位 : px, em, rem
px : 绝对单位, 不管网页如何变化始终如一
em: 相对单位,当前模块区域的字体大小
rem: 相对单位 主要应用于移动端
3 字体颜色
color : red
颜色表示法:
- 单词表示法 red green ...
- rgb()表示法
-rgba() a 表示透明度
-十六进制表示法
#FF6700
4 字体样式
font - style
-normal : 默认字体
-italic 斜体
5 字体粗细
font-weight:
-bold : 粗体
- 100~900 默认 400
文本属性:
1 文本修饰
text-decoration
-underline
- non
- line- through
-overline
2 文本缩进
text-indent
单位建议使用em
3 行高
line-height : px
4 中文字间距
letter-spacing
word-spacing
5 单词间距
word-spacing
6 文本对齐方式
text - align
left
right
center