CSS常用属性之文字样式

文字样式:

	font-size		字体大小	可以使用绝对大小、相对大小、长度或百分比
	font-style		字体风格	normal(普通),italic(斜体)或oblique(倾斜)
	font-weight		字体加粗	normal、bold、bolder或lighter等
	font-variant	        字体变形	normal(普通)或small-caps(小型大写字母)
	font-family		字体族科	任意字体族科名称都可以使用例如Times、serif等,而且多个族科的赋值是可以使用的,中间用逗号分隔,以防止选择不存在的字体族科
	
	h1 {
		font-family:times,courier;
		font-size:150%;
		font-style:italic;
		font-variant:normal;
		font-weight:normal;
	}

	字体:
		在HTML中字体通过来设置
		在CSS中通过font-family属性来设置
		p{
			font-family:黑体,宋体,"Times New Roman",sans-serif;
		}
		
		"sans-serif"和"serif"字体不是单个字体的名称,而是一类字体的统称。
		serif的意思是在字的笔画开始和结束的地方有额外的装饰,而且笔画的粗细会因为横竖的不同而不同。
		通常文章的正文使用的是可读性较好的serif字体。
		sans-serify则正好相反。通常文章的标题采用较为醒目的sans-serify字体。
		
		使用生僻字体的部分使用图片软件制作为图片然后加载到页面中。
		
	
	文字大小
		in(英寸)  cm    mm    pt(印刷的点数)   pc(1pc=12pt)
		p{font-size:14px;}
		
	
	文字颜色
		h3{color:blue;}
		h3{color:#0000ff;}
		
	
	文字粗细
		span{font-weight:200;}
		span{font-weight:lighter;}
		span{font-weight:normal;}
		span{font-weight:bold;}
	
	斜体
		font-style
		p{font-style:italic;}
		p{font-style:normal;}
	
	文字的下划线、顶划线和删除线
		span.one{text-decoration:underline;}		        /*下划线*/
		span.two{text-decoration:overline;}			/*顶划线*/
		span.three{text-decoration:line-through;}		/*删除线*/
		span.four{text-decoration:blink;}			/*闪烁*/
	
	英文字母大写
		p.one{text-transform:captalize;}			/*单词首字大写*/
		p.one{text-transform:uppercase;}			/*全部大写*/
		p.one{text-transform:lowercase;}			/*全部小写*/

你可能感兴趣的:(css,CSS,属性,文字样式,字体)