随笔分类 -  CSS总结

Html5 js FileReader接口（艺博会，添加商品时，上传图片，addGoods.html页）
摘要：用来把文件读入内存，并且读取文件中的数据。FileReader接口提供了一个异步API，使用该API可以在浏览器主线程中异步访问文件系统，读取文件中的数据。到目前文职，只有FF3.6+和Chrome6.0+实现了FileReader接口。 1、FileReader接口的方法 FileReader接口 阅读全文
posted @ 2018-08-31 17:45 南夏啊南夏 阅读(332) 评论(0) 推荐(0)
弹窗在浏览器里垂直居中（H5红包）
摘要：.packet-bg { z-index: 1003; width: 5.50rem; position: fixed; top: 50%; left: 50%; margin: 0 auto; transform: translate(-50%, -50%); } 阅读全文
posted @ 2018-04-10 11:52 南夏啊南夏 阅读(350) 评论(0) 推荐(0)
CSS3自定义滚动条样式 -webkit-scrollbar
摘要：CSS3自定义滚动条样式 -webkit-scrollbar 有时候觉得浏览器自带的原始滚动条不是很美观，那webkit浏览器是如何自定义滚动条的呢？ Webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式。当然，兼容所有浏览器的滚动条样式目前是不存在的 阅读全文
posted @ 2017-12-01 18:30 南夏啊南夏 阅读(685) 评论(0) 推荐(0)
loading加载效果
摘要：引入JS文件<script type="text/javascript" src="js/setFontSize.js" ></script> 注意：JS文件要在 阅读全文
posted @ 2017-11-23 17:57 南夏啊南夏 阅读(342) 评论(0) 推荐(0)
详解CSS3的box-shadow属性制作边框阴影效果的方法
摘要：box-shadow向框添加一个或多个阴影。IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持 box-shadow 属性。 语法：代码如下: CSS Code复制内容到剪贴板 box-shadow: h-shadow v-shadow blur sprea 阅读全文
posted @ 2017-09-26 13:37 南夏啊南夏 阅读(2453) 评论(0) 推荐(0)
使用onclick跳转到其他页面/跳转到指定url
摘要：☆如果是本页显示可以直接用location,方法如下： ①onclick="javascript:window.location.href='URL'" ②onclick="location='URL'" ③onclick="window.location.href='URL?id=11'" ☆如果 阅读全文
posted @ 2017-08-14 11:21 南夏啊南夏 阅读(208) 评论(0) 推荐(0)