随笔分类 -  html/css

摘要:input:focus{color:blue}//光标颜色 input{ text-shadow: 0px 0px 0px red;//文字颜色 -webkit-text-fill-color: transparent; } 阅读全文
posted @ 2017-11-23 10:33 蓓蕾心晴 阅读(4327) 评论(0) 推荐(0) 编辑
摘要:在pc版网页(http://pc_url) 上,添加: 在移动版网页(http://mobile_url) 上,所需的注释应为: 之前的Meta标记(mobile agent)会继续沿用,但我们推荐使用HTMAL5语言制作的移动页面使用最新方案进行跳转适配,其它如xml语言的移动页跳转适配,需要继续 阅读全文
posted @ 2017-11-03 15:47 蓓蕾心晴 阅读(495) 评论(0) 推荐(0) 编辑
摘要:FormData 对象的使用 FormData 对象的使用 FormData 对象的使用 在本文章中 如何创建一个FormData对象 通过HTML表单创建FormData对象 使用FormData对象上传文件 通过AJAX提交表单和上传文件可以不使用FormData对象 相关链接 通过FormDa 阅读全文
posted @ 2017-09-06 10:48 蓓蕾心晴 阅读(520) 评论(0) 推荐(0) 编辑
摘要:Windows的中文字体: 黑体:SimHei 宋体:SimSun 新宋体:NSimSun 仿宋:FangSong 楷体:KaiTi 仿宋_GB2312:FangSong_GB2312 楷体_GB2312:KaiTi_GB2312 微软雅黑:Microsoft YaHei 英文字体: PmingLi 阅读全文
posted @ 2017-06-23 14:41 蓓蕾心晴 阅读(1673) 评论(0) 推荐(0) 编辑
摘要:最近应公司需求,需要用css3做动画,终于把以前一直傻傻分不清楚的三个属性理解了。 索性在这里进行一个简单的对比,加深自己的记忆。 浏览器兼容性 CSS3 transform 属性 Internet Explorer 10、Firefox、Opera 支持 transform 属性。 Interne 阅读全文
posted @ 2017-06-02 15:36 蓓蕾心晴 阅读(504) 评论(0) 推荐(0) 编辑
摘要:通过阅读各路大神对web存储locastorage和sessionstorage的用法解析,自己试用了一下,在此留个备忘。 在项目中,如果用到很多次storage,要存储很多数据,就要把它封装成函数了: (该函数系不知名大神所写,如有侵犯原创,请联系我……) setStorage是存储数据的,key 阅读全文
posted @ 2017-05-23 12:13 蓓蕾心晴 阅读(1395) 评论(0) 推荐(0) 编辑
摘要:一些常见的状态码为: 200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务器超时 下面提供 HTTP 状态码的完整列表。点击链接可了解详情。您也可以访问 HTTP 状态码上的 W3C 页获取更多信息。 一、临时响应 1xx(临时响应) 表示临时响应并需要请求者继续执行操作的 阅读全文
posted @ 2017-05-17 16:13 蓓蕾心晴 阅读(382) 评论(0) 推荐(0) 编辑
摘要:网上看了很多解决办法,几乎本质都是一样的,都是引入一个滑动的js插件,加入一段js代码,即可生效,但是我试了hammer.js 和 touchSwipe.js 都不生效,也找不到原因是什么,目前在网上就找到 toucher.js 可以实现,贴到博客,留作备用: 获取的id为整个大图轮播最外层的id, 阅读全文
posted @ 2017-03-10 15:18 蓓蕾心晴 阅读(3082) 评论(0) 推荐(0) 编辑
摘要:本文是找了在网上搜了好久才找到非常棒的一篇文章,很好的解决了这个问题。 原文地址:https://github.com/amfe/article/issues/10 这个特性被称做「Text Autosizer」,又称「Font Boosting」、「Font Inflation」,是 Webkit 阅读全文
posted @ 2017-02-08 11:26 蓓蕾心晴 阅读(4824) 评论(0) 推荐(0) 编辑
摘要:这段代码是网上大部分的解决办法,在这里总结一下: 让select透明,上面加一个span,来替换select框,可以自定义小三角样式,也可以做出select文字居中的效果。 显示效果如图: 阅读全文
posted @ 2017-01-17 10:18 蓓蕾心晴 阅读(7000) 评论(0) 推荐(0) 编辑
摘要:有时候我们在写页面中,会发现绝对定位的父级元素已经相对定位了,但是在不同分辨率的电脑下,绝对定位还是会错乱,似乎父级的相对定位并没有起了作用。 首先要明白如下几个原理: 1、笔记本电脑的分辨率一般为1366*768附近, PC电脑的分辨率一般为 1920*1080; 以下为常见电脑分辨率: 当写网页 阅读全文
posted @ 2016-12-26 14:55 蓓蕾心晴 阅读(5799) 评论(0) 推荐(0) 编辑
摘要:正常情况下直接写这段代码不写!important,如果项目不能生效,需要加!important。 阅读全文
posted @ 2016-11-30 21:08 蓓蕾心晴 阅读(2254) 评论(0) 推荐(0) 编辑
摘要:这段代码在单独试用没有问题,在有时候做项目的时候会出现加此代码不生效的情况,原因可能是项目用的框架中底层已经写好了placeholder的属性颜色,再写一个不能替换掉底层颜色,所以必须给每个属性值加!important 这样就可以成功执行了。 阅读全文
posted @ 2016-11-30 21:01 蓓蕾心晴 阅读(7164) 评论(0) 推荐(0) 编辑
摘要:css: 1 .upload-img{ 2 width:80%; 3 position:fixed; 4 top:50%; 5 left:50%; 6 margin-left:-40%; 7 #fff; 8 border-radius: 10px; 9 z-index:1000; 10 displa 阅读全文
posted @ 2016-11-28 18:10 蓓蕾心晴 阅读(739) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示