
CSS
文章平均质量分 80
chenxiaodan_danny
这个作者很懒,什么都没留下…
展开
-
[CSS] px、em、rem、rpx 用法与区别
这里写自定义目录标题转载自:https://blog.youkuaiyun.com/function__/article/details/84950897PXpx像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点IE无法调整那些使用px作为单位的字体大小;国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。EMem是相对长度单位。相对于当前对象内文本的字体尺寸转载 2021-01-13 15:18:20 · 264 阅读 · 0 评论 -
width,overflow与white-spce联用使得超长部分文字已省略号显示
display:block;/*定义为块级*/width:500px;/*要显示文字的宽度*/float:left;/*左对齐*/overflow:hidden; /*超出的部分隐藏起来。*/white-space:nowrap;/*不显示的地方用省略号...代替*/text-overflow:ellipsis;/* 支持 IE */原创 2014-07-03 18:08:55 · 644 阅读 · 0 评论 -
[CSS] 布局
css布局方式有三种 1. 标准文档流(盒子模型-流式布局) 2. 浮动定位布局 3. 绝对定位布局一. 标准文档流关键词: 块级元素,行内元素,盒子模型(margin, padding,border)1. 应用场景:最简单的标准文档流,从上到下,从左到右demo:<img src="" height="50px" width="50px"><img src="" height="50px"原创 2016-12-01 22:55:04 · 451 阅读 · 0 评论