css常用属性之字体属性

原创 2016年08月28日 19:13:10

本篇小结css常用属性的字体属性的用法。

<html>
<head>
	<title>CSS常用属性(字体相关属性)</title>
	<meta charset="utf-8">
	<style type="text/css">
		/*
		body{
			font-size:20px;
		}
		
		.ha{
			font-size:smaller;
		}
		h1{
			font-size:inherit;
		}
		.hb{
			font-size:larger;
		}
		
		h1{
			font-family: Microsoft YaHei ,'宋体','微软雅黑';
		}
		
		ha{
			font-weight:normal;
		}
		.hb{
			font-weight:bold;
		}
		.hc{
			font-weight:bolder;
		}
		.hd{
			font-weight:lighter;
		}
		
		h1{
			font-family: Microsoft YaHei ,'宋体','微软雅黑';
		}
		.ha{
			font-weight:100;
		}
		.hb{
			font-weight:400;
		}
		.hc{
			font-weight:700;
		}
		.hd{
			font-weight:900;
		}	
		
		body{
			font-style:italic;
		}
		.a{
			font-style:normal;
		}
		.b{
			font-style:italic;
		}
		.c{
			font-style:oblique;
		}
		.d{
			font-style:inherit;
		}
		
		*/
		
		.pa{
		font-variant:normal
		}
		.pb{
		font-variant:small-caps
		}
		.pc{
		font-variant:inherit
		}
	</style>
</head>
	<body>
		<!--
		<h1 class="ha">今天天气真好!</h1>
		<h1 class="hb">今天天气真好!</h1>
		<h1 class="hc">今天天气真好!</h1>
		<h1 class="hd">今天天气真好!</h1>
		
		
		<em class="a">今天天气真好!</em>
		<em class="b">今天天气真好!</em>
		<em class="c">今天天气真好!</em>
		<em class="d">今天天气真好!</em>
		
		-->
		
		<p class="pa">winson</p>
		<p class="pb">winson</p>
		<p class="pc">winso hello</p>
	</body>
</html>


版权声明:本文为博主原创文章,未经博主允许不得转载。

CSS中常用七大属性

1 字体属性    字体属性的功能是设置页面字体的显示样式 font-family 设置使用的字体 font-style 设置字体的样式,是否斜体 font-variant 设置字体的大小写 fon...
  • JQboywen
  • JQboywen
  • 2016年02月29日 23:31
  • 2401

CSS3常用属性及效果汇总

本篇主要说了一些CSS3的常用新属性,并附上了代码及效果展示,内容包含了边框的圆角,阴影等效果,背景的增强型功能,文本效果改变等内容。...
  • lyznice
  • lyznice
  • 2017年01月06日 20:14
  • 2171

css3 不常用但重要的属性

https://www.cnblogs.com/JhoneLee/p/5948886.html IOS   2.-webkit-touch-callout (ios 2.0+)      n...
  • zgpeterliu
  • zgpeterliu
  • 2017年12月20日 20:36
  • 52

CSS3 常用属性总结

CSS3常用属性总结 一、box-shadow       定义:向框添加一个或多个阴影      语法: box-shadow: h-shadow v-shadow blur sprea...
  • suetmuiwong
  • suetmuiwong
  • 2016年03月09日 15:35
  • 1625

css字体属性

Author: Jorux/Bluecssr Posted on: September 11, 2006 Filed under: Web Design Comments: 18 Responses ...
  • yethyeth
  • yethyeth
  • 2007年02月28日 00:18
  • 2607

HTML中CSS的常用属性设置

不同的标签有不同的属性集,例如table可以指定text-align属性,大多数标签都没有text-align属性 颜色属性color   最好使用数字直接指定,否则用名字指定可能无效。注意...
  • iamshaofa
  • iamshaofa
  • 2012年07月31日 13:21
  • 2517

css常用属性之背景属性

本篇小结css背景属性的一些设置使用。 CSS常用属性(背景相关属性) /* body{ background-color:rgb(255,255,255); } ...
  • u012859748
  • u012859748
  • 2016年08月28日 19:32
  • 196

CSS常用属性之定位属性

定位属性 Position         用于定义一个元素是否absolute(绝对),relative(相对),static(静态),或者fixed(固定) Top 层距离顶点纵坐标的距离...
  • qq_32536591
  • qq_32536591
  • 2016年01月19日 13:43
  • 97

css中字体连写

语法: font : font-style || font-variant || font-weight || font-size || line-height || font-family 默认...
  • xjinza
  • xjinza
  • 2011年09月15日 10:37
  • 4590

Oracle基础知识(二十六) - Oracle游标常用属性

原文地址:http://database.51cto.com/art/201011/233660.htm Oracle游标相信大家都不陌生,下面就为您详细介绍Oracle游标的常用属性,如果...
  • jolingogo
  • jolingogo
  • 2014年05月27日 10:56
  • 1146
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css常用属性之字体属性
举报原因:
原因补充:

(最多只允许输入30个字)