css文字大小fontsize,字体大小：font-size - CSS

在CSS中，我们可以使用font-size属性来定义字体大小。

语法：

font-size: 像素值;

说明：

实际上，font-size属性取值有两种：一种是“关键字”，如small、medium、large等；另外一种是“像素值”，如10px、16px、21px等。

不过在实际开发中，关键字这种方式基本不会用，因此我们只需要掌握像素值方式即可。

一、px是什么？

px，全称pixel(像素)，1像素指的是一张图片中最小的点，或者是计算机屏幕最小的点。

举个例子，图13-4所示是一个新浪图标。将这个图标放大后，就会变成如下图所示的样子。

我们会发现，原来一张图片是由很多的小方点组成的。其中，每一个小方点就是一个像素(px)。如果说一台屏幕的分辨率是800px×600px，指的就是“屏幕宽是800个小方点，高是600个小方点”。

严格来说，px属于相对单位，因为屏幕分辨率的不同，1px的大小也是不同的。例如Windows系统的分辨率为每英寸96px，Mac系统的分辨率为每英寸72px。如果不考虑屏幕分辨率，我们也可以把px当成绝对单位来看待，这也是为什么很多地方说px是绝对单位的原因。

对于初学者来说，1px可以看成一个小点，多少px就可以看成由多少个小点组成。

二、采用px为单位

大家比较熟悉的网站，如百度、新浪、网易等，大部分都是使用px作为单位。

稍微了解CSS的小伙伴都知道，font-size的取值单位不仅仅是px，还有em、百分比等。不过初学CSS时，我们只需要掌握px这一个就可以了。

举例：

#p2 {font-size: 15px;}

#p3 {font-size: 20px;}

字体大小为10px

字体大小为15px

字体大小为20px

浏览器预览效果如下图所示。

css文字大小fontsize,字体大小：font-size - CSS | 绿叶学习网相关推荐

html span字数限制,css span字体大小 span标签设置font-size字体大小
css span字体大小文字尺寸大小设置图文教程篇,几种情况下使用span对其设置字体大小font-size技巧,span标签设置font-size字体大小. DIV CSS SPAN字体大小 css ...
微信小程序界面设计入门课程-样式wxss中使用css课程-字体-font-size字体大小
font-size字体大小微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/topic/huangjuhua 基础语法有能力管理文 ...
CSS中的自适应字体大小
本文翻译自:Responsive font size in CSS I've created a site using the Zurb Foundation 3 grid. 我已经使用Zurb Fo ...
html 设置font size,css font-size属性说明
css font-size属性说明发布时间:2009-08-29 19:18:03 作者:佚名我要评论 CSS的字体样式设置相信许多人再熟悉不过,其实字体样式的设置并不仅仅限于我们平时常用 ...
html代码字号div style=,div字体大小设置 css设置div中字体大小尺寸样式
div字体大小设置 css设置div中字体大小尺寸样式设置篇在css div布局中常常对div字体大小设置,这篇ThinkCSS为大家介绍div中字体大小尺寸样式设置,通过直接在div标签加字体大小 ...
Markdown修改文字样式（字体, 大小, 颜色, 高亮底色）
Markdown修改文字样式(字体, 大小, 颜色, 高亮底色) 简介字体.字号与颜色表格样式设置背景色.文字颜色跨行表格想要了解更多颜色名列表原文参考链接简介 Markdown是一种 ...
html中span标签字数大小,DIV字体大小 span字体大小 font-size样式
DIV内字体大小,DIV内文字大小设置,div font-size字体大小布局篇,同时扩展到span字体大小,等标签内字体大小设置布局教程设置对象DIV字体大小或span字体大小设置有两种方法,一种 ...
div怎么在css中设置字体大小,div字体大小设置 css设置div中字体大小尺寸样式
div字体大小设置 css设置div中字体大小尺寸样式设置篇在css div布局中常常对div字体大小设置,这篇ThinkCSS为大家介绍div中字体大小尺寸样式设置,通过直接在div标签加字体大小 ...
font-size字体大小
font- size用来设置文字,字体大小,常用的单位是px像素,还有%百分比,移动端用的单位em (1)px像素单位 font-size:20px: 提示:网页文字默认的字体大小是12px,也就是你 ...

css文字大小fontsize,字体大小：font-size - CSS | 绿叶学习网

css文字大小fontsize,字体大小：font-size - CSS | 绿叶学习网相关推荐

最新文章

热门文章