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