随笔分类 -  CSS

png图片压缩原理解析
摘要：什么是PNG PNG的全称叫便携式网络图型（Portable Network Graphics）是目前最流行的网络传输和展示的图片格式，原因有如下几点： 无损压缩：PNG图片采取了基于LZ77派生算法对文件进行压缩，使得它压缩比率更高，生成的文件体积更小，并且不损失数据。 体积小：它利用特殊的编码方 阅读全文
posted @ 2019-05-31 10:42 samirah 阅读(10185) 评论(0) 推荐(1)
字体超出省略号显示
摘要：一行... 2行 阅读全文
posted @ 2019-05-07 14:37 samirah 阅读(1455) 评论(0) 推荐(0)
多张背景图样式
摘要：background: url(./static/img/bj_top.png) no-repeat, url(./static/img/bj_bottom.png) 0 100% no-repeat, url(./static/img/bj_middle.png) repeat-y; background-size: 100% auto; -webkit-bac... 阅读全文
posted @ 2019-04-26 11:17 samirah 阅读(205) 评论(0) 推荐(0)
时间轴样式
摘要：1 2 3 4 {{item.teacherSendTestTime}} 5 6 7 8 内容 9 10 11 12 阅读全文
posted @ 2019-04-26 11:16 samirah 阅读(853) 评论(0) 推荐(0)
position的值
摘要：absolute 生成绝对定位的元素，相对于值不为 static的第一个父元素进行定位。 fixed （老IE不支持） 生成绝对定位的元素，相对于浏览器窗口进行定位。 relative 生成相对定位的元素，相对于其正常位置进行定位。 static 默认值。没有定位，元素出现在正常的流中（忽略 top 阅读全文
posted @ 2018-11-19 18:39 samirah 阅读(242) 评论(0) 推荐(0)
居中方法
摘要：水平方向 垂直居中 垂直水平居中 阅读全文
posted @ 2018-09-13 15:46 samirah 阅读(150) 评论(0) 推荐(0)