css中px和pt的区别是什么

区别:pt是绝对单位,px是相对单位。使用px定义文字,无论用户怎么设置,都不会改变大小;使用pt定义文字,当用户设置超过96DPI的值,数值越大,字体就越大。

css中px和pt的区别是什么

本教程操作环境:windows7系统、CSS3版、Dell G3电脑。

px和pt,一个是设备坐标,一个是逻辑坐标,两者是不同的。

pt是个绝对单位,1 pt =1/72 英寸

px是个相对单位,一般像素的参考值为:在一个像素密度是90 pdi的显示器上,正常人从距离显示器28英寸处看一个像素的视角应该不小于0.0227度。

立即学习“前端免费学习笔记(深入)”;

使用px定义文字,无论用户怎么设置,都不会改变大小;使用pt定义文字,当用户设置超过96DPI的值,数值越大,字体就越大。

如果大家做网页是为了浏览而不是印刷,建议大家用 px 来定义字号,理由如下:

1. 如前面 Jet 所述,px 指的是象数,象数这个概念本身就是为了显示才引用的,而 pt (磅值)很大程度上是为了印刷不出错,印刷和显示有很大的不同,这里不多说,吉吉所说的情况也是用 pt 带来的弊病。

2. Html 代码中大部分默认的单位,例如 width=10 等等,都是以 px 做为单位的,屏幕的总宽度高度也是以 px 做为单位,800*600 就是宽 800px; 高 600px; 我们把字号定义为 12px; 可以很方便的计算,例如,10个中文字 ,他的宽度就是 10*12=120,我们很容易可以写一个 width=120 的表格把他框住,这只是一个例子。

3. 请大家做一个试验,body { font-size:10.5pt; } 和 body { font-size:14.7px; } 这两种定义方法,要让 Netscape 显示那种 10.5 磅的比较优化的字号,只有定义成 14.7px 才可以,否则只有 IE 才认识。

(学习视频分享:css视频教程)

以上就是css中px和pt的区别是什么的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2948429.html

(0)
上一篇 2025年3月11日 23:08:19
下一篇 2025年3月7日 02:37:33

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • css后代选择器有哪些

    css后代选择器有:1、“父代元素 * {}”,从父代元素中的找到所有子代元素。2、“父代  子代{}”,是从父代 元素中找到指定子代元素;3、“父代   子代1  子代2{}”,从父代中找到子代1,再从子代1找到子代2。 本教程操作环境:…

    2025年3月11日 编程技术
    200
  • css改变字体的属性有哪些

    css改变字体的属性:font、font-family、font-size、font-style、font-variant、font-weight、“@font-face”、font-size-adjust、font-stretch等。 本…

    2025年3月11日
    200
  • js如何控制css

    js控制css的方法:1、通过style属性或者“setAttribute()”来更改样式;2、改变伪类“(after,before)”的“content”内容;3、通过更改类名来更改样式等等。 本文操作环境:windows7系统、java…

    2025年3月11日
    200
  • css怎么消除默认样式

    css消除默认样式的方法是通过添加“*{margin:0;padding:0}li{list-style:none}img{vertical-align:top;border:none}”语句即可。 本文操作环境:windows7系统、HT…

    2025年3月11日
    200
  • css中文字的颜色怎么设置

    css中文字颜色的设置方法:首先打开css页面文件;然后使用#加16进制的颜色值来表示字体颜色或者直接使用颜色的英文单词来表示颜色即可。 本文操作环境:windows7系统、HTML5&&CSS3版,DELL G3电脑 cs…

    2025年3月11日
    200
  • css由什么组成

    css由选择器和声明块组成。选择器指向需要设置样式的HTML元素,声明块包含一条或多条用分号分隔的声明;每条声明都包含一个CSS属性名称和一个属性值,以冒号分隔。所有声明被放置在一对大括号“{}”内,然后整体紧邻选择器的后面。 本教程操作环…

    2025年3月11日
    200
  • css和html区别是什么

    区别:1、HTML是网页的结构,CSS是网页的样式。2、HTML由围绕内容的标签组成;而CSS由一个声明块继承的选择器组成。3、HTML文件可以包含CSS代码,而CSS样式表绝对不能包含HTML代码。” 本教程操作环境:windows7系统…

    2025年3月11日
    200
  • js与css的区别是什么

    区别是:1、CSS为网页表现、JS为网页行为;2、css对网页进行静态修饰,可以使页面以一定的布局方式显示出来,而js对页面的各种动态效果进行处理,可用来实现网页和人交互的功能等。 本教程操作环境:windows7系统、CSS3&&…

    2025年3月11日
    200
  • css是编程语言吗

    css不是编程语言。单独的CSS是没什么作用的,必须结合HTML才能生效,而且CSS也没有任何自主执行、逻辑判断等能力,因此它不是编程语言,只能算是数据。 本教程操作环境:windows7系统、CSS3&&HTML5版、De…

    2025年3月11日
    200
  • 边框颜色css怎么设置

    在css中,可以利用border-color、border-top-color、border-bottom-color、border-left-color、border-right-color属性来设置元素的边框颜色。 本教程操作环境:wi…

    2025年3月11日
    200

发表回复

登录后才能评论