1 .使用CSS字体样式属性1.1 font-size:大小font-size属性设置大小。 此属性的值可以是相对长度单位或绝对长度单位。 其中,相对长度单位很常用,建议使用像素单位px,绝对长度单位较少。 具体如下。
1.2 font-family:字体font-family属性用于设置字体。 网页上常用的字体有宋体、微软雅黑、黑体等。 例如,如果将网页上所有段落文本的字体设置为微软雅黑,则可以使用以下CSS样式代码:
p { font-family : ' Microsoft Yahoo '; }可以同时指定多种字体,用逗号分隔。 也就是说,如果浏览器不支持第一种字体,请尝试以下字体直到找到合适的字体:
常用技巧:
目前网页上普遍使用14px。
尽量使用偶数的数字大小。 ie6等旧浏览器支持奇数时有错误。
各字体之间必须以英语状态用逗号分隔。
中文字体必须以英语状态加引号,但英文字体不需要加引号。 如果需要设置英语字体,英语字体名称必须在中文字体名称之前。
如果字体名称包含空格、#、$等符号,则必须在英语状态下加上单引号或双引号,如font-family: “Times New Roman”。
尽量使用系统的默认字体,确保在任何用户的浏览器中正确显示。
1.2.1 CSS Unicode字体可以在CSS中设置字体名称,直接写中文。 但是,如果文件代码(GB2312、UTF-8等)不匹配,则会发生乱码错误。 xp系统不支持微软雅黑这样的中文。
案一:你可以用英语代替。 例如font-family :“microsoftyahei”。
场景2 :在CSS中直接使用Unicode代码编写字体名称可以避免这些错误。 使用Unicode写中文字体名称,浏览器可以正确分析。 font-family :“5FAE8f6f96 C59e D1”表示配置字体为“微软雅黑”。
可以在escape ()中测试属于哪个字体。
1.3字体粗细:字体的加粗除了b和strong标签外,还可以通过css实现,但css没有意义。
font-weight属性用于定义字体的粗细,可以是normal、bold、bolder、lighter和100到900 (100的整数倍)的属性值。
技巧:数字400相当于正常,700相当于bold。 但是我们喜欢用数字表示。
1.4字体样式:
字体的倾斜除了I和em标签外,还可以通过css实现,但css没有意义。
使用font-style属性定义字体样式,如斜体、斜体和常规字体设置。 可用的属性值如下:
normal :默认情况下,浏览器显示标准字体样式。
italic :斜体字体样式显示在浏览器中。
oblique :在浏览器中显示倾斜的字体样式。
小技巧:平时我们很少给文字加斜体。 相反,我更喜欢把斜体标签(em,I )改为正常模式。
1.5 font:综合配置字体样式(重点) font属性用于综合配置字体样式,其基本语法格式如下:
选择器{ font :字体样式字体-重量字体大小/行-高度字体系列; 使用font属性时,必须按照上述语法格式的顺序书写,不能调换顺序。 每个属性都由空格分隔。
*注意: **可以省略不需要在此设置的属性,但必须保留“字体大小”和“字体系列”属性。 否则,“字体”属性将不起作用。
学习信息技术,去博学谷
感谢博学谷老师们强大的技术储备