美文网首页
CSS font-字体属性

CSS font-字体属性

作者: 社会主义顶梁鹿 | 来源:发表于2020-06-16 19:15 被阅读0次

一、font-family  字体类型设置

1、最好使用英文来定义字体

2、设置多个字体会提高兼容性,按顺序寻找可显示的字体,各种字体之间必须使用英文“,“隔开

3、如果有空格隔开的多个单词组成的字体要加引号(单双均可)

4、尽量使用系统默认自带字体,保证在任何用户的浏览器中都能正确显示

5、最常见的几个字体:body{font-family:'Microsoft YaHei',tanoma,arial,'Hiraganasgino Sans GB';}    (选择器使用body会设置全部页面的字体)

二、font-size 字体大小设置

p{font-size: 20px;}

px(像素)大小是我们网页的最常用单位

三、font-weight 字体粗细

normal 默认值  bold粗体 

100-900  400相当于normal,700等同于bold,数字不跟单位

四、font-style 字体风格

normal 默认值    italic 倾斜

五、字体的复合属性写法

格式:font: font-style font-weight font-size/line-height font-family;

font: italic 700 16px 'Microsoft yahei'

font: 16px  'Microsoft yahei'

1、固定格式 ,顺序不可变,节省代码

2、不需要设置的属性可以省略,但必须保留font-size和font-family的属性,否则font属性将不起作用

相关文章

  • CSS font-字体属性

    一、font-family 字体类型设置 1、最好使用英文来定义字体 2、设置多个字体会提高兼容性,按顺序寻找可显...

  • 前端css入门笔记1

    CSS 写在哪里 CSS 语法格式 color 属性修改文字颜色,使用 font- color 属性修改文字颜色 ...

  • 九、CSS字体属性与文本属性

    一、CSS字体属性与文本属性 1、CSS字体属性 CSS Fonts(字体)属性用于定义、大小、粗细、和文字样式(...

  • CSS 字体文本

    文本字体 所有的网页都会包含文本,这就会涉及字体样式和文本对齐的设置。其中font-系列属性用于设置字体,text...

  • No.8 CSS字体属性、文本属性、背景、界面样式

    一、CSS字体属性 1.CSS字体系列 CSS 使用 font-family 属性定义文本的字体系列。 各种字体之...

  • css样式入门书目录

    css样式-字体属性 css样式-背景属性 css样式-边框属性 css样式-列表属性 css样式-定位属性 cs...

  • 前端学习之CSS——字体、文本

    css字体属性: 字体大小: CSS 使用 font-size 属性定义字体大小。 语法: px(像素)大小是我们...

  • 整理常用CSS

    字体属性:(font) CSS文字属性: CSS边框空白 CSS符号属性: CSS背景样式: 指定背景位置 CSS...

  • 03-CSS文字文本样式

    CSS字体样式属性调试工具 目标 应用使用css字体样式完成对字体的设置使用css外观属性给页面元素添加样式使用常...

  • CSS相关---字体文本样式

    CSS字体样式属性调试工具 目标 应用使用css字体样式完成对字体的设置使用css外观属性给页面元素添加样式使用常...

网友评论

      本文标题:CSS font-字体属性

      本文链接:https://www.haomeiwen.com/subject/sxvrxktx.html