HTML-CSS 文字相关属性

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_40945965/article/details/82563455

重点内容规定文字样式的属性
格式:font-style: italic;
取值:
normal:正常的(默认值)
italic:倾斜的
快捷键(软件:Dw):
输入fs,自动生成 font-style: italic;
输入fsn,自动生成 font-style: normal;

规定文字粗细的属性
格式:font-weight: bold;
取值:
bold 加粗
bolder 比加粗还粗
lighter 细线(默认)
快捷键(软件:Dw):
输入fw,自动生成font-weight: bold;
输入fwb,自动生成font-weight: bold;
输入fwbr,自动生成font-weight: bolder;
(数字取值:100-900之间整百的数字,例如:font-weight: 300)

规定文字大小的属性
格式:font-size: 30px;
单位:px(像素pixel)
注意点:通过font-size设置大小一定要带单位px;

规定文字字体的属性
格式:font-family:”微软雅黑”;
注意点:
<1>如果取值是中文,需要用双引号或者单引号括起来。
<2>设置的字体必须是用户电脑里面已经安装的字体。
快捷键(软件:Dw)
ff font-family: ;

以上四种属性可采用缩写格式:
font: style weight size family;
例如:
font: italic bold 10px “楷体”;
注意点:
<1>在这种缩写格式中有的属性值可以省略:style和weight可以省略
<2>在这种缩写格式中style和weight的位置可以交换
<3>在这种缩写格式中有的属性值是不可以省略的:style和weight不能省略
<4>size和family的位置是不能随便乱放的,size一定要写在family的前面,而且size和 family必须写在所有属性的最后

<1>如果设置的字体不存在,那么系统会使用默认的字体(宋体)来显示。
<2>如果设置的字体不存在,而我们又不想用默认的字体来显示怎么办?
答:可以给字体设置备选方案
格式:font-family:”字体1”,”备选方案1”,…;
<3>如果想给中文和英文分别单独设置字体,怎么办?
答:
但凡是中文字体,里面都包含了英文;
但凡是英文字体,里面都不包含中文;
即中文字体可以处理英文,而英文字体不能处理中文。
注意点:
(1)如果想给界面中的英文单独设置字体,那么英文的字体必须写在中文的前面。(例如:font-family:”Times New Roman”, “微软雅黑”)
(2)企业开发中最常见的字体有以下几个
中文:宋体/黑体/微软雅黑
英文:”Times New Roman”/Arial
(3)并不是名称是英文的就一定是英文字体,中文字体其实都有自己的英文名称,所以是不是中文字体主要看能不能处理中文。
宋体:SimSum
黑体:SimHei
微软雅黑:Microsoft YaHei

猜你喜欢

转载自blog.csdn.net/qq_40945965/article/details/82563455