1. 概述
A. 文字样式属性主要包括字体、大小、粗细、颜色等放方面。
font-family:字体类型
font-size:字体大小(高和宽)
font-weight:字体粗细(”肥胖“程度)
font-style:字体斜体
color:颜色
2. font-family、font-size、font-weight、font-style
A. 浏览器默认的font-family是宋体。
B. font-size的值可以设置为关键字(xx-small、x-small、medium、large等),也可以设置为数值(20px等),推荐使用数值。
C. color的值可以设置为关键字(red、green等),也可以设置为rgb数值(#3EF0A4)。
D. font-weight的值可以设置为关键字(normal、bold等),也可以设置为100~900的数值(100等),推荐使用关键字。
E. font-style的值可以设置为关键字(normal、italic、oblique),其中,italic是使用文字的斜体,oblique是让文字倾斜(某些偏僻子没有斜体)
e.g. <head>
<title>css入门</title>
<style type="text/css">
#a {
/* id为a的标签字体为Arial;size为30px;color为red */
font-family: Arial;
font-size: 30px;
color: red;
}
p {
/* p标签依次使用Arial字体、Times New Roman字体、默认字体;color为rgb#03FCA1 */
/* 使用时看本地是否有对应字体,浏览器默认使用的是宋体 */
font-family: Arial, 'Times New Roman';
color: #03FCA1;
}
div {
font-weight: bold;
font-style: italic;
}
</style>
</head>
<body>
<p id="a">a</p>
<div id="b">b</div>
<p>你好</p>
<p>c</p>
</body>