css中font-size的单位有px、em、pt,请问哪个最好

作者&投稿:单于希 (若有异议请与网页底部的电邮联系)
css中font-size的单位px和pt有什么区别?~

px:pixel,像素,屏幕上显示的最小单位,主要用于网页设计,同样px的元素在不同分辨率的显示器中会呈现为不同的大小;
pt:point,是一个标准的长度单位(一般音译为磅),1pt=1/72英寸,主要用于印刷业,同样pt的元素在不同的打印机中打印出来大小都是一样的。

所有现代浏览器中,默认网页字号是16px大小,默认1em=16px;那么0.75em=12px;(16*0.75);
但是,你定义了一个body{font-size:32px;},这时1em=32px;假如你需要一个16px的字体,就要写:font-size: 0.5em;
再然后,em单位很操蛋的是子元素的字号是根据上一级父元素的字号来算的,看例子:
body{font-size: 32px;}/*定义了1em=32px*/div{font-size: 0.5em;}div p{font-size: 0.75em;} 我是32px大小 我是16px大小,因为定义了div{font-size: 0.5em;}即1em的一半 那么问题来了,这行p的字号定义成了0.75em,他不是body定义的32px的0.75,而是父div字号16px的0.75 如果p里面再嵌套一个span元素,你要定义他的字号大小为24px,你先要算出目前p的字号实际大小为12px,然后乘以2才能得到span的正确字号,即:span{font-size: 2em;}
这样嵌套一多了,算子元素的字号是很不直观的,不知道css的这个设计是出于什么目的或是设计时是不是没注意到这个问题会带来计算上的麻烦,于是后来又有了rem单位。
rem单位就简单多了,只针对html根元素,比如body里面你定了font-size: 24px;(1em=24px;),那么无论你在哪个子元素上,你想要个12px的字体,只用定义font-size: 0.5em;即可,你不用去担心它上级元素的字号是16px还是24px;

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

em :一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是指父元素的字体大小.
比如
<div style="font-size=12px">
<span style="fontsize=2em">这里的字是24px</span>
</div>
如果使用em来指定填充,填充的宽度是相对于DIV元素的字体大小而定的.

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

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

相对长度单位 Relative Length Units
em CSS1 IE4+ , NS4+ 相对于当前对象内文本的字体尺寸
ex CSS1 IE4+ , NS4+ 相对于字符 “ x ” 的高度。通常为字体高度的一半
px CSS1 IE3+ , NS4+ 像素(Pixel)

绝对长度单位 Absolute Length Units
pt CSS1 IE3+ , NS4+ 点(Point)
pc CSS1 IE3+ , NS4+ 派卡(Pica)。相当于我国新四号铅字的尺寸
in CSS1 IE3+ , NS4+ 英寸(Inch)
cm CSS1 IE3+ , NS4+ 厘米(Centimeter)
mm CSS1 IE3+ , NS4+ 毫米(Millimeter)

没有好和不好,只有合适不合适,用得比较广泛的是px,像素单位,国外会用到em~ 其余pt用来打印,别的我个人没用过了

px一般在国内用得比较多哦!


webform 中时间输入问题
var s = " <select name=tmpSelectYear style='font-size: 12px' " s += "onblur='document.all.tmpSelectYearLayer.style.display=\\"none\\"' " s += "onchange='document.all.tmpSelectYearLayer.style.display=\\"none\\";" s += "parent.meizzTheYear = this.value; parent.meizzSetDay(parent....

c# 利用正则表达式 提取html中数据
Macth m = Regex.Match(html, "<strong style=\\"font-size: 14px\\">(?<CompanyName>.*?)<\/strong>", ...);if (m.Success){ string companyName = m.Group["CompanyName"].Value;}

编一个划分音节的函数
s = 1 for i = 1 to 255 temp( i ) = 0 if check( str(i) ) = 1 then if i - s = 2 then temp( s ) = 1 s = i end if if i - s = 3 then temp( s + 1 ) = 1 s = i end if end if next i s = 1 for i =1 to 255 result(s) = str(i)s = s...

ffmpeg 基本用法
可用的协议:ffmpeg -protocals 码率和帧率是视频文件的最重要的基本特征,对于他们的特有设置会决定视频质量。如果我们知道码率和时长那么可以很容易计算出输出文件的大小。 帧率:帧率也叫帧频率,帧率是视频文件中每一秒的帧数,肉眼想看到连续移动图像至少需要15帧。 码率:比特率(也叫码率,数据率)是一个确定整体视频\/...

java 怎样解析 excel生成的xml文件
<Style ss:ID="Default" ss:Name="Normal"> <Alignment ss:Vertical="Bottom"\/> <Borders\/> <Font ss:FontName="宋体" x:CharSet="134" ss:Size="11" ss:Color="#000000"\/> <Interior\/> <NumberFormat\/> <Protection\/> <\/Style> <Style ss:ID="s16" ss:Name="好"> <Font ss:...

在网页设计中的用户注册中,出生年月日是怎么做的?急!急!!!
function fDrawCal(iYear, iMonth, iCellHeight, sDateTextSize) { var WeekDay = new Array("日","一","二","三","四","五","六"); var styleTD = " bgcolor='"+titleBG+"' valign='middle' align='center' height='"+iCellHeight+"' style='font:bold "+sDateTextSize+";"; \/\/...

求两个网站前台效果代码
ss.style.display="none"; \/\/初始子菜单 if(def!=0){ var sdef=document.getElementById("s_"+def); sdef.style.display="block"; }}<\/script><\/head><body><div id="menu"> <ul> <li class="m_line"><img src="http:\/\/www.codefans.net\/jscss\/demoimg\/200904\/line2.gif" \/><\/li> <li...

如何用html写代码,使得在网页上显示当前的时间和日期
var s=dt.getSeconds();if(h<10){h="0"+h;} if(m<10){m="0"+m;} if(s<10){s="0"+s;} document.getElementById("timeShow").innerHTML = "现在的时间为:"+y+"年"+mm+"月"+d+"日"+weekday[day]+""+h+":"+m+":"+s+"";t = setTimeout(time,1000); \/\/...

各位大侠CSS中list-style-type属性前面小圆圈的颜色可以设置吗?系统默 ...
>百家合符<\/li><\/ul> css样式代码:ul {padding-left:15px;color:#d1c098;} li {height:20px;line-height:20px;list-style:square;} 大小可以通过给<ul>标签加font-size改变,不过存在兼容性问题(ie6不支持)详情可查考:http:\/\/blog.sina.com.cn\/s\/blog_6540a3c50100j3qi.html ...

C#的C\/S系统中的dataGridview如何显示倒序行号
stext = string.Format("{0, 3}", irowcount-i);if (hDelta == 0)hDelta = (currrct.Height - dgvList.Font.Height) \/ 2;if (dgvList.Rows[i].Selected == true)e.Graphics.DrawString(stext, dgvList.Font, new System.Drawing.SolidBrush(System.Drawing.Color.White), 10, nowy ...

兴县19693702345: css中font - size的单位有px、em、pt,请问哪个最好 -
龙凝甲磺: px:基于像素的单位.像素是一种有用的单位,因为在任何媒体上都可以保证一个像素的差别确实是可见的. em :一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是指父元素的字体大小. 比如 ...

兴县19693702345: CSS长度单位有哪些及长度单位之间的转换 -
龙凝甲磺: 在写css的时候最常用的长度单位是px(像素),经常看到的还有em,pt等等,其实css中的长度单位一共有8个,分别是px,em,pt,ex,pc,in,mm,cm. 1、px:像素(Pixel),相对于设备的长度单位,像素是相对于显示器屏幕分辨率而言的. 譬如...

兴县19693702345: css中font - size的单位px和pt有什么区别? -
龙凝甲磺: px:pixel,像素,屏幕上显示的最小单位,主要用于网页设计,同样px的元素在不同分辨率的显示器中会呈现为不同的大小; pt:point,是一个标准的长度单位(一般音译为磅),1pt=1/72英寸,主要用于印刷业,同样pt的元素在不同的打印机中打印出来大小都是一样的.

兴县19693702345: css中fontsize单位 -
龙凝甲磺: 喜羊羊ss中犀利犀利单位,他是一个计量单位,计量单位

兴县19693702345: CSS样式都有哪几种? -
龙凝甲磺: 大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX、PD、em等 样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常) 行高 line-height: normal;(正常) 单位:PX、PD、EM...

兴县19693702345: div+css中em是什么标签? -
龙凝甲磺: ◆px像素(Pixel),相对长度单位.像素px是相对于显示器屏幕分辨率而言的. ◆em是相对长度单位,相对于当前对象内文本的字体尺寸.如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸. 因此用px来定义字体,...

兴县19693702345: 彻底弄懂css中单位px和em,rem的区别 -
龙凝甲磺: PX特点1. IE无法调整那些使用px作为单位的字体大小;2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核).px像素(Pixel).相对长度...

兴县19693702345: 用CSS样式如何控制网页中所有文字大小 -
龙凝甲磺: 在网页中,CSS控制字体是最方便的! CSS使用“font-size”属性来控制字体大小. CSS中可以使用的单位:points, pixels等单位 .

兴县19693702345: css 长度单位知多少 -
龙凝甲磺: 绝对长度单位1、 px.wrap { width: 400px; } 像素或许被认为是最好的“设备像素”,而这种像素长度和你在显示器上看到的文字屏幕像素无关.px实际上是一个按角度度量的单位.像素应该是设备和显示器中显示趋于一致,但是他越来越不正确...

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