用frontpage制作网页,字体大小用PT做单位好还是用PX做单位好?

作者&投稿:藏毓 (若有异议请与网页底部的电邮联系)
css中font-size的单位有px、em、pt,请问哪个最好~

px:基于像素的单位.像素是一种有用的单位,因为在任何媒体上都可以保证一个像素的差别确实是可见的.

em :一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是指父元素的字体大小.
比如

这里的字是24px

如果使用em来指定填充,填充的宽度是相对于DIV元素的字体大小而定的.

pt是印刷业上常使用的单位,磅的意思.一般也用于页面打印排版.

以上三种PX是像素单位,EM是相对单位,PT是绝对单位.他们各自的好处是,PX可以在计算机屏幕上,能达到预期的效果,在打印机和其它的高分辨率设备上,它又能取得所希望的效果.
EM的优点很多,比如在一个页面上,你给定了一个父元素的字体大小,这样就可以通过调整一个元素来成比例的改变所有元素大小.它可以自由缩放,比如用来制作可伸缩的样式表.
PT是一种固定长度的度量单位,是能够使用测量设备测得的长度.绝对单位作用有限,因为它们不能够缩放,通常只用在已经知道 是用在那种输出媒体的情况下才使用.但大多数情况下最好使用相对单位.
所以应该没有最好的吧,一般都是用PX和EM这种配搭比较好.全部手打,非复制地!!!

在CSS样式表中,我们经常会看到pt, px,em,ex,in等这类长度单位。它们各是什么意思,有什么区别呢?

在CSS样式表中,长度单位分两种:

相对长度单位,如px, em等
绝对长度单位,如pt,mm等
也谈px和pt的区别
经常看到有人拿px和pt比较,主要是为了争辩在确定字体大小(font-size)或其它CSS属性大小时,用什么样的CSS长度单位更加好。有人说,用pt更好,因为pt是绝对长度单位,不会因为屏幕分辨率大小,或者其它因素而改变。

我去做了一个测试,写了这样一个HTML例子。代码如下:


CSS单位长度区别 - px和pt的区别

Font-size is 20pt
Font-size is 20px



我将我的显示器分别调到1024*768和800*600的分辨率(指screen resolution)。不管是用pt还是用px设置的字体,都随着分辨率变化而变化。(我使用的浏览器是IE6,其它浏览器上尚未测试过。)

我又写了另外一个HTML例子,测试一下cm(厘米)。代码如下:


CSS长度单位的区别 - pt,px和cm的区别

以下div宽度300pt,高度30pt:

以下div宽度300px,高度30px:

以下div宽度10cm,高度3cm:




结果是,cm(厘米)也是随着显示器分辨率变化而变化的。

在CSS样式表中,我们经常会看到pt, px,em,ex,in等这类长度单位。它们各是什么意思,有什么区别呢?

在CSS样式表中,长度单位分两种:

相对长度单位,如px, em等
绝对长度单位,如pt,mm等
也谈px和pt的区别
经常看到有人拿px和pt比较,主要是为了争辩在确定字体大小(font-size)或其它CSS属性大小时,用什么样的CSS长度单位更加好。有人说,用pt更好,因为pt是绝对长度单位,不会因为屏幕分辨率大小,或者其它因素而改变。

我去做了一个测试,写了这样一个HTML例子。代码如下:

<html>
<head><title>CSS单位长度区别 - px和pt的区别</title></head>
<body >
<p style = "font-size:20pt;">Font-size is 20pt</p>
<p style = "font-size:20px;">Font-size is 20px</p>
</body>
</html>

我将我的显示器分别调到1024*768和800*600的分辨率(指screen resolution)。不管是用pt还是用px设置的字体,都随着分辨率变化而变化。(我使用的浏览器是IE6,其它浏览器上尚未测试过。)

我又写了另外一个HTML例子,测试一下cm(厘米)。代码如下:

<html>
<head><title>CSS长度单位的区别 - pt,px和cm的区别</title></head>
<body >
以下div宽度300pt,高度30pt: <br>
<div style = "width:300pt;height:30pt;border:1px solid blue;"></div>
以下div宽度300px,高度30px:<br>
<div style = "width:300px;height:30px;border:1px solid blue;"></div>
以下div宽度10cm,高度3cm: <br>
<div style = "width:10cm;height:3cm;border:1px solid blue;"></div>
</body>
</html>

结果是,cm(厘米)也是随着显示器分辨率变化而变化的。

对于计算机的屏幕设备而言,像素(Pixel)或者说px是一个最基本的单位,就是一个点。其它所有的单位,都和像素成一个固定的比例换算关系。所有的长度单位基于屏幕进行显示的时候,都统一先换算成为像素的多少,然后进行显示。所以,就计算机的屏幕而言,相对长度和绝对长度没有本质差别。任何单位其实都是像素,差别只是比例不同。

如果把讨论扩展到其它输出设备,比如打印机,基本的长度单位可能不是像素,而是其它的和生活中的度量单位一致的单位了。

CSS绝对长度单位是对于输出设备(output device)而言的。拿pt来说,这是一个在文字排版工具(word,adobe等)中非常常用的字体单位,不管你的显示器分辨率是1024*768,还是800*600,同一篇文档打印在纸面上的结果是一样的。

写网页用哪个长度单位更好,是px还是pt呢?

我个人比较偏向px,因为px能够精确地表示元素在屏幕中的位置和大小,网页主要是为了屏幕显示,而不是为了打印等其它需要的。

CSS相对长度单位(relative length unit)
CSS相对长度单位中的相对二字,表明了其长度单位会随着它的参考值的变化而变化,不是固定的。

以下是CSS相对长度单位列表:

CSS相对长度单位 说明
em 元素的字体高度The height of the element's font
ex 字母x的高度The height of the letter "x"
px 像素Pixels
% 百分比Percentage

CSS绝对长度单位(absolute length unit)
绝对长度单位是一个固定的值。比如我们常用的有mm,就是毫米的意思。

以下是CSS绝对长度单位列表:

CSS绝对长度单位 说明
in 英寸Inches (1 英寸 = 2.54 厘米)
cm 厘米Centimeters
mm 毫米Millimeters
pt 点Points (1点 = 1/72英寸)
pc 皮卡Picas (1 皮卡 = 12 点)

在CSS样式表中,我们经常会看到pt, px,em,ex,in等这类长度单位。它们各是什么意思,有什么区别呢?

在CSS样式表中,长度单位分两种:

相对长度单位,如px, em等
绝对长度单位,如pt,mm等
也谈px和pt的区别
经常看到有人拿px和pt比较,主要是为了争辩在确定字体大小(font-size)或其它CSS属性大小时,用什么样的CSS长度单位更加好。有人说,用pt更好,因为pt是绝对长度单位,不会因为屏幕分辨率大小,或者其它因素而改变。

我去做了一个测试,写了这样一个HTML例子。代码如下:

<html>
<head><title>CSS单位长度区别 - px和pt的区别</title></head>
<body >
<p style = "font-size:20pt;">Font-size is 20pt</p>
<p style = "font-size:20px;">Font-size is 20px</p>
</body>
</html>

我将我的显示器分别调到1024*768和800*600的分辨率(指screen resolution)。不管是用pt还是用px设置的字体,都随着分辨率变化而变化。(我使用的浏览器是IE6,其它浏览器上尚未测试过。)

我又写了另外一个HTML例子,测试一下cm(厘米)。代码如下:

<html>
<head><title>CSS长度单位的区别 - pt,px和cm的区别</title></head>
<body >
以下div宽度300pt,高度30pt: <br>
<div style = "width:300pt;height:30pt;border:1px solid blue;"></div>
以下div宽度300px,高度30px:<br>
<div style = "width:300px;height:30px;border:1px solid blue;"></div>
以下div宽度10cm,高度3cm: <br>
<div style = "width:10cm;height:3cm;border:1px solid blue;"></div>
</body>
</html>

结果是,cm(厘米)也是随着显示器分辨率变化而变化的。

PX一般看个人需求类型,用CSS制作


frontpage是什么软件
FrontPage是一款网页制作软件。FrontPage,即Microsoft FrontPage,是微软公司出品的一款网页制作入门级软件,结合了图形化的操作界面和HTML的代码编辑。使用FrontPage,用户可以不需要编写任何代码就能设计出网页,它非常适合初学者使用。软件界面友好,操作简便,用户可以直接在网页中编辑文字、插入图片、超链接、表...

frontpage是什么软件
Frontpage是微软公司开发的一款网页制作软件。它是Microsoft Office套件的一部分,与其他Office应用程序紧密集成。该软件提供了丰富的工具和功能,使用户能够轻松地创建、编辑和管理网页。它为用户提供了一个集成的开发环境,包括可视化的编辑器、网站管理工具以及模板和插件等,旨在帮助用户快速构建专业的网站。软...

frontpage什么软件
FrontPage是微软公司出品的一款网页设计软件。详细解释如下:FrontPage软件简介 FrontPage是微软公司开发的一款网页设计软件,它是Microsoft Office套件的一部分。该软件为用户提供了创建、编辑、发布和管理网页的全方位解决方案。FrontPage以其直观易用的界面和强大的功能,吸引了大量的网站设计爱好者及专业人士。Fr...

请问frontpage是什么软件啊
FrontPage是微软公司出品的一款网页设计软件。详细解释如下:FrontPage软件简介 FrontPage是微软公司推出的一款网页设计软件,它作为Microsoft Office套件的一部分,为用户提供了创建和管理网页的便捷工具。这款软件旨在帮助用户快速构建网站,无论是个人博客、小型企业网站还是大型门户网站,FrontPage都能提供丰富的功...

frontpage是什么?
Frontpage是指Microsoft Office FrontPage,Frontpage是微软公司出品的一款网页制作入门级软件。Microsoft FrontPage于1997年至2003年的时候属于Microsoft Office系列的其中一款产品。FrontPage由于其易用性,被认为适合网页初学者的制作工具。但因其功能无法满足更高要求,自2006年,Frontpage已经被Microsoft Expression ...

frontpage是什么软件
frontpage是一款网页制作软件。该软件最初由微软公司在1996年推出,是Office套件的一部分。FrontPage的主要目标是让没有编程经验的用户也能轻松地创建和编辑网页。通过直观的图形界面和拖放功能,用户可以设计网页布局、添加文本、图像和其他媒体内容,以及创建超链接和表单等。FrontPage还提供了与服务器进行交互...

frontpage可以用来发布网站吗
frontpage可以用来发布网站。Frontpage,是微软公司出品的一款网页制作入门级软件。FrontPage使用方便简单,会用Word就能做网页,因此相对Dreamweaver等软件更容易上手。特点:所见即所得,该软件结合了设计、程式码、预览三种模式。微软在2006年年底前停止提供FrontPage软件。2006年,微软公司宣布MicrosoftFrontPage将...

(必修)frontpage是一款()软件。
FrontPage是一款网页制作软件。详细解释:FrontPage的功能特点:FrontPage是微软公司推出的一款网页制作软件,它可以方便地创建、编辑和管理网页。这款软件拥有直观的界面和丰富的功能,使用户能够轻松地制作出专业的网页。FrontPage提供了大量的模板和插件,帮助用户快速生成网页并添加各种动态效果。此外,它还可以...

frontpage是什么软件
Microsoft FrontPage(全名:Microsoft Office FrontPage,简称FP)是微软公司推出的一款网页设计软件。它于1997年至2003年的时候属于Microsoft Office系列的其中一款产品。FrontPage由于其易用性,被认为适合网页初学者的制作工具。但因其功能无法满足更高要求,自2006年,Frontpage已经被Microsoft Expression Web及...

frontpage什么软件
1、frontpage是1995年微软开发的一款网页制作软件。2、它定位是一个入门级软件,主要为新手制作提供服务。3、有着相对简单的界面、操作和工具,拥有3个不同的模式可以选择。4、不过这款软件已经在2006年停止更新了,06版就是它的最后一个版本。5、所以相比于最新的一些网页制作软件,它的功能相对较老,...

虎亭区18834932655: 如何用FRONTPAGE在网页中设置字体 -
豆宣骨愈: 你把Frontpage打开,然后在这个软件里打开你要修改的中要修改的文字,像在word里面一样,在“格式”菜单“字体”选项里面改不就好了吗?这个软件改字体跟word,excel那是如出一辙,包括插入艺术字也是一模一样的.

虎亭区18834932655: 如何在Frontpage中运用css设置网页字体 -
豆宣骨愈: 在Frontpage2000下,选择菜单“格式/样式”,会弹出一个定义样式的窗口,在CSS列表下拉菜单(位于左下)中,选“所有的HTML标记”, 这时在左边的列中会出现大部分常用的HTML标记,选中一个,然后点右下的“修改”, 会弹出一个...

虎亭区18834932655: 如何用rontpage制作简单的网页 -
豆宣骨愈: 一、打开frontpage 二、新建一个网页:单击菜单栏[文件]—[新建]—[网页] 三、对网页进行基本设置 设置网页标题、背景、背景音乐、左右边距:步骤为:A、网页空白处单击鼠标右键在弹出的菜单中选择“网页属性”,将会弹出一个对话框....

虎亭区18834932655: 怎样用Frontpage做网页
豆宣骨愈: 打开front page,直接打字就可做成网页上的字 找到“插入”菜单可以加入你需要的图片 选中文字点右键可以加入超链接,意思就是人家点这里就可以访问到你链接的网址,大致也就如此了

虎亭区18834932655: 用FRONTPAGE做网页怎么制作动态字?? -
豆宣骨愈: 要看你的Frontpage版本是几的.如果是Frontpage 2003就要采用第三方软件来做.因为Frontpage 2003已经没有了DHTML效果了..如果你用的版本是OFFICE 2000的Frontpage 2000则可以利用Frontpage 2000自带的DHTML效果来实现文字...

虎亭区18834932655: frontpage做网页时的字体问题 -
豆宣骨愈: 保存的时候要设置,对相应软件能显示出.word等一系列都可以.在选项——保持设置中选择嵌入字体,(不嵌入系统字体,只嵌入文件使用的字体,否则网页文件会过大).

虎亭区18834932655: 关于如何固定网页字体的问题,请教高手!
豆宣骨愈: 可以在&lt;head&gt;&lt;/head&gt;中间插入下面的一段代码,就可以对网页中所出现的文字大小固定,如果有特殊的要变化的字体,就使用&lt;font&gt;&lt;/font&gt;标签,该标签内部的字体就会按照你所设定的显示了. &lt;/style&gt; &lt;/head&gt; ...

虎亭区18834932655: 用frontpage制作网页,字体大小用PT做单位好还是用PX做单位好? -
豆宣骨愈: 在CSS样式表中,我们经常会看到pt, px,em,ex,in等这类长度单位.它们各是什么意思,有什么区别呢?在CSS样式表中,长度单位分两种:相对长度单位,如px, em等 绝对长度单位,如pt,mm等 也谈px和pt的区别 经常看到有人拿px和pt比较,...

虎亭区18834932655: FrontPage2002制作网页的问题用FrontPage20
豆宣骨愈: 请把下面的代码考到FrontPage的空白网页,在"预览视图"下观看效果,供参考 指定 指定(table/td/)的各项数值均使用像素单位 在设计视图下,在表格内右键/单元格属性(/表格属性)/指定宽度(/指定高度)/点 选像素单位 字体设置使用“style="............."”,在改变浏览器字体设置 时,就不会变了 其中:font-size=:16pt大小 其中:font-weight=加粗 其中:line-height=行距(字高的%) 其中:color=颜色 更多请参照CSS教程

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网