1、像素
像素为什么是相对单位呢?因为像素指的是显示器上的小点(CSS规范中假设“90像素=1英寸”)。实际情况是浏览器会使用显示器的实际像素值有关,在目前大多数的设计者都倾向于使用像素(px)作为单位。
2、em
就是本元素给定字体的 font-size 值,如果元素的 font-size 为 14px ,那么 1em = 14px;如果 font-size 为 18px,那么 1em = 18px。如下代码:
p{font-size:12px;text-indent:2em;}
上面代码就是可以实现段落首行缩进 24px(也就是两个字体大小的距离)。
下面注意一个特殊情况:
但当给 font-size 设置单位为 em 时,此时计算的标准以 p 的父元素的 font-size 为基础。如下代码:
html:
<p>以这个<span>例子</span>为例。</p>
css:
p{font-size:14px}
span{font-size:0.8em;}
结果 span 中的字体“例子”字体大小就为 11.2px(14 * 0.8 = 11.2px)。
3、百分比
p{font-size:12px;line-height:130%}
设置行高(行间距)为字体的130%(12 * 1.3 = 15.6px)。
- 浏览: 109226 次
- 性别:
- 来自: 天津
相关推荐
table中的内容经常超过了我们固定的td长度,这个css控制td的内容,如果超过了td长度则自动隐藏超过长度的字符,显示... 鼠标移过时,显示完整的td信息。
在CSS样式表中,我们经常会看到pt, px,em,ex,in等这类长度单位。它们各是什么意思,有什么区别呢?在CSS样式表中,长度单位分两种: 相对长度单位,如px, em等,绝对长度单位,如pt,mm等。
CSS3漂亮的圆角自适应长度按钮特效,按钮可跟随文字数量的多少自动适应宽度。
html+css制作的PK进度条.zip
HTML CSS 省略号代码 超过长度省略号显示点击全部可以显示等 超出范围自动变成省略号,但鼠标可以选择文字,酷吧……
CSS中有很多属性可以接受长度值,比如: width, height, margin, padding, border-width, font-size, text-shadow。因为使用场景多,因此CSS也提供了许多长度单位。有的是日常生活中使用的单位,比如:厘米(cm)和...
今天小编就为大家分享一篇关于css3 动画卡顿性能优化的完美解决方案,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
css+js背景自适应文本长度的精美导航条 有滑动效果 偏金属色调 质感强
CSS 控制标题长度,不再需要切字符串函数了 ^_^
各级菜单都可以随内容的长度自行适应宽度,而当浏览器分辨率较低时一级导航也可以自动换行,而多级子菜单靠左显示还是得手动调整。 DOM结构非常简单,只是 ul.nav 与 li.item 的互相嵌套而已。 看代码吧(长是长了...
用CSS实现超长字段被省略的简单方法! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net
自己花了一天时间用js+css写的一个页面柱状图组件,“柱子”是用div显示的,附带有使用示例,感兴趣的朋友可以看一下,欢迎给出指导意见
网站中经常出现一些标题比较长的文章,再调用标题时为了使整体布局美观,需要将标题控制在一行显示,并且截取一定的长度,截取的地方用省略号代替。虽然用动态语言可以对其控制,但是这样做是不利于搜索引擎收录的,...
Css+div 常用CSS标签及属性 2009年10月15日 评论(0)|浏览(64) ...CSS中的长度 绝对单位:几乎不用在网页中 in 英寸 1in = 2.54cm cm 厘米 1cm = 0.394in pt 磅 1in = 72pt pc pica 1in = 6pc 相对单位:较常用
2.3.1 长度单位 27 2.3.2 百分比单位 28 2.3.3 颜色单位 28 2.3.4 URL单位 29 2.4 基本语法 29 2.5 选择器 30 2.5.1 选择器组 31 2.5.2 class类选择器 31 2.5.3 ID选择器 34 2.5.4 包含选择器 35 2.5.5 属性选择器 ...
css3动态进度条,动态根据数据的变化,实现进度条的颜色喝长度变化
web中利用css解决登录界面帐号和密码输入框长度不相同的问题
网页制作Webjx文章简介:网页每个区域模块的长度和高度不一,用css怎么实现这种类似组件让其具有扩展性呢? 经常在网站上会发现如下图这样的常用组件模块,这也是我最近做的一个网站项目,我把我的做法整理出来与大家...
以前需要边框长度比容器小一些时,我用div嵌套。后来发现伪类在实现这个效果时很方便,只需要一个div就够了,另外调整padding和margin都不会很麻烦。 <div class=border-top>border top ...
CSS(js)限制页面显示的文本字符长度.docx