1.规定文字样式的属性 格式：font-style: italic; 取值： normal ： 正常的， 默认就是正常的 italic : 倾斜的 快捷键： fs font-style: italic; fsn font-style: normal; 2.规定文字粗细的属性 格式： font-weight: bold; 单词取值: bold 加粗 bolder 比加粗还要粗 lighter 细线， 默认就是细线 数字取值： 100-900之间整百的数字 快捷键 fw font-weight:; fwb font-weight: bold; fwbr font-weight: bolder; 3.规定文字大小的属性 格式：font-size: 30px; 单位：px（像素 pixel） 注意点： 通过font-size设置大小一定要带单位， 也就是一定要写px 快捷键 fz font-size:; fz30 font-size: 30px; 4.规定文字字体的属性 格式：font-family:"楷体"; 注意点： 1.如果取值是中文， 需要用双引号或者单引号括起来 2.设置的字体必须是用户电脑里面已经安装的字体 快捷键
<style> p{ font-style: italic; font-weight: bold; font-size: 10px; font-family:"楷体"; } </style> <body> <i>我是文字</i> <b>我是文字</b> <p>abc我是段落</p> </body>5.如果设置的字体不存在, 那么系统会使用默认的字体来显示 默认使用宋体 6.如果设置的字体不存在, 而我们又不想用默认的字体来显示怎么办? 可以给字体设置备选方案 格式:font-family:"字体1", "备选方案1", ...; 7.如果想给中文和英文分别单独设置字体, 怎么办? 但凡是中文字体, 里面都包含了英文 但凡是英文字体, 里面都没有包含中文 也就是说中文字体可以处理英文, 而英文字体不能处理中文 **注意点: 如果想给界面中的英文单独设置字体, 那么英文的字体必须写在中文的前面
8.判断是不是中文主要看是不是能处理中文
<style> p{ /* 被注释掉的内容 */ /*font-family:"乱七八糟的字体", "微软雅黑";*/ /*font-family: Arial, "微软雅黑";*/ font-family:"Microsoft YaHei"; } </style>10.文字属性的缩写格式: font: style weight size family; 例如: font:italic bold 10px "楷体";
注意点: 在这种缩写格式中有的属性值可以省略 sytle可以省略 weight可以省略 在这种缩写格式中style和weight的位置可以交换 在这种缩写格式中有的属性值是不可以省略的 size不能省略 family不能省略 size和family的位置是不能顺便乱放的
size一定要写在family的前面, 而且size和family必须写在所有属性的最后
<style> p{ /* font-style: italic; font-weight: bold; font-size: 10px; font-family:"楷体"; */ font:bold italic 10px "楷体"; } </style> <body> <p>abc我是段落</p> </body>
