CSS
AuroraCD
这个作者很懒,什么都没留下…
展开
-
CSS 清除浮动
浮动 为了让多个块级元素显示在一行。 块级元素一行只显示一个,行内元素一行显示多个,这种正常的显示方式称为“标准流”。 所以浮动是脱标的。 但浮动也有几条性质 浮动在父级元素里面 不会超过内边距和边框的范围(父级元素设置了高度) 如果子盒子有一个浮动了,其余的子盒子都应浮动,否则由于浮动的盒子不占位置会影响其他盒子位置 有默认的隐式转换 块级元素转换为行内块元素 消除浮动 为了解决父级元素(...原创 2019-05-26 14:09:05 · 155 阅读 · 0 评论 -
CSS 字体图标
html中引入图片不但增加了总文件的大小,还增加了很多额外的"http请求",这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”,因为图片放大和缩小会失真。字体图标(iconfont)就解决了我们的问题。 iconfont跟图片一样可以改变透明度、旋转度… 由于其本质是文字,可以很随意的改变颜色、产生阴影、透明效果等等… 占用空间更小,加载更快,但携带的信息并没有减少 几乎支持所有...原创 2019-05-31 09:40:40 · 338 阅读 · 0 评论 -
Normalize.css的作用
Normalize.css只是一个很小的css文件,但它在磨人的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset,Normalize.css是一种现代的、为HTML5准备的优质替代方案。总之,Normalize.css是一种CSS reset的替代方案。 我们创造normalize.css有下面这几个目的: 保护有用的浏览器样式而不是去掉他们。 一般化的样式:为大部分...转载 2019-05-31 10:03:26 · 1380 阅读 · 0 评论 -
css实现多行文本溢出省略效果,考虑兼容性
单行: overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 多行: display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; //行数 overflow: hidden; 兼容: p{ position: relative; l...原创 2019-08-20 13:55:04 · 774 阅读 · 0 评论