css
关注
分享
扫一扫
转角遇到我得爱
敲代码已成为一种乐趣！
展开
-
如何设置css3中placeholder的字体颜色
1、 因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。 ::-webkit-input-placeholder { /* WebKit browsers */ color:#999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#99翻译 2015-11-26 10:03:17 · 1580 阅读 · 0 评论 -
IE8 背景色透明
background: rgba(0,0,0,.5); /*支持rgba的浏览器*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); /*IE8支持*/ 第二句话的意思就是当上一行的透明度不起作用的时候执行。这句话的意思本来是用来做渐变的，但是这个地方不翻译 2016-03-18 16:49:04 · 774 阅读 · 0 评论 -
页面加载进度条原理
<!DOCTYPE html> <html> <head> <title>DEMO</title> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial转载 2016-01-29 14:39:49 · 1837 阅读 · 0 评论 -
web移动端常见问题总结
Meta标签：<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> 这个想必大家都知道，当页面在手机上显示时，增加这个meta可以使页面强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大转载 2016-01-27 14:03:44 · 1164 阅读 · 0 评论 -
安卓微信浏览器加border-radius出现模糊(锯齿)
<!DOCTYPE html> <html lang="zh-CN"> <head> <title>border-radius出现模糊(锯齿)</title> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="IE=edge"> <meta name="viewport" conten原创 2015-12-08 11:11:11 · 6513 阅读 · 0 评论 -
移动平台对 META 标签的定义
下面介绍一些有关标记的例子及解释。一、meta 标签分两大部分：HTTP 标题信息（http-equiv）和页面描述信息（name）。1、http-equiv 属性的 Content-Type 值（显示字符集的设定）说明：设定页面使用的字符集，用以说明主页制作所使用的文字语言，浏览器会根据此来调用相应的字符集显示 page 内容。用法：1 <meta http-equiv="Content-Type转载 2015-12-08 17:33:37 · 362 阅读 · 0 评论 -
-webkit-text-size-adjust: none;
-webkit-text-size-adjust: none;在中文版Chrome里面，网页CSS里所有小于12px的字体设置都无效，最终将显示12px。这样弄的本意可能是好的，因为中文一旦小于12px，就变得不易阅读。 但中文版Chrome也会阅读英文网站啊！中文网页里面也会有英文的小字体设置需求啊！尤其是一些文字部份的设计，不小实在不好看，影响整个排版的美观。 解决方案，添加一个私有属性到htm转载 2015-12-03 20:30:15 · 1829 阅读 · 0 评论 -
js倒计时
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Conten原创 2015-12-01 15:30:24 · 320 阅读 · 0 评论 -
图片上下左右居中
<style> body{ margin: 0; padding: 0; } /*方法一*/ .box{ position: relative; width: 300px; height: 300px;翻译 2015-11-11 09:59:45 · 662 阅读 · 0 评论 -
移动WEB前端开发资源整合
meta篇 1.视窗宽度<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> 其中 width=device-width 是设置视窗宽度为设备视窗宽度，还可以固定宽度，例如： width=640 则是640p转载 2015-12-13 21:04:53 · 303 阅读 · 0 评论 -
CSS3实现翻转(Flip)效果
<!DOCTYPE html> <html lang="en"> <head> <title>DL Mobile</title> <meta content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=no" name="viewport"> <meta content="teleph原创 2016-03-13 11:08:07 · 4724 阅读 · 1 评论