3 CSS 文本属性和字体属性

	<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

猜你喜欢

转载自www.cnblogs.com/zhujing666/p/12328131.html