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