随笔分类 -  css3

苹果手机点击输入框input 页面放大 超出屏幕问题
摘要：<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> 加上一个禁止缩放的meta标签就可以了。 阅读全文
posted @ 2017-08-21 18:03 ifIhaveWings 阅读(2311) 评论(0) 推荐(0)
单色半透明-兼容IE7
摘要：background: #000; width: 100%;height: 100%; filter: alpha(opacity=30); opacity: 0.3; 阅读全文
posted @ 2016-08-29 10:00 ifIhaveWings 阅读(227) 评论(0) 推荐(0)
宫格布局实例（注意jquery的版本号要统一）2
摘要：<!DOCTYPE html><html><head><meta charset="utf-8" /><style> * {margin:0; padding:0; list-style: none; } .main { position: relative;} .clear { clear: bo 阅读全文
posted @ 2016-07-05 16:09 ifIhaveWings 阅读(258) 评论(0) 推荐(0)
宫格布局实例（注意jquery的版本号要统一）
摘要：<!DOCTYPE html><html><head><meta charset="utf-8" /><style> * {margin:0; padding:0; list-style: none; } .main { position: relative;} .clear { clear: bo 阅读全文
posted @ 2016-07-05 16:09 ifIhaveWings 阅读(388) 评论(0) 推荐(0)
网页手机横屏竖屏下字体在大小不一样
摘要：@media screen and (max-device-width: 320px) {body {-webkit-text-size-adjust:none}}@media screen and (max-device-width: 480px) {body {-webkit-text-size 阅读全文
posted @ 2016-07-01 17:07 ifIhaveWings 阅读(898) 评论(0) 推荐(0)
opacity与rgba
摘要：background: rgba(255,255,255,0.6);容器本身透明度变化，它包含的子容器的透明度不变。 opacity:0.6;容器及容器包含的子容器的透明度都会发生变化。 阅读全文
posted @ 2016-05-11 11:35 ifIhaveWings 阅读(138) 评论(0) 推荐(0)
去除android手机滚动条
摘要：方法1：::-webkit-scrollbar{display: none;} 方法2：::-webkit-scrollbar{height:0; width:0:} 阅读全文
posted @ 2016-05-09 17:41 ifIhaveWings 阅读(299) 评论(0) 推荐(0)
sass
摘要：前端之Sass/Scss实战笔记 时间 2015-09-14 13:04:06 极客头条 原文 http://segmentfault.com/a/1190000003742313 主题 Sass 时间 2015-09-14 13:04:06 极客头条 原文 http://segmentfault. 阅读全文
posted @ 2016-05-03 15:43 ifIhaveWings 阅读(159) 评论(0) 推荐(0)
基线 css
摘要：原文地址：http://blog.jobbole.com/31926/ 英文原文：CSS Baseline，编译：飞鸟分享 译者注：网页设计布局中一直比较流行网格对齐，但只是针对水平的对齐，很少或者没有涉及垂直对齐，这篇文章很详细的讲解了垂直网格，乃至基线对其的相关，而css3中的多列布局的也使其显 阅读全文
posted @ 2016-04-27 19:13 ifIhaveWings 阅读(2159) 评论(0) 推荐(0)
a与a:link、a:visited、a:hover、a:active
摘要：原文地址http://www.cnblogs.com/exmyth/p/3226654.html a与a:link、a:visited、a:hover、a:active 起因： a与a:link的CSS代码处，忽觉茫茫然不知所以然：这a的CSS和a:link什么关系？貌似有些冲突啊？还有这a:lin 阅读全文
posted @ 2016-04-20 17:29 ifIhaveWings 阅读(273) 评论(0) 推荐(0)
去除iPhone的默认input样式
摘要：input {-webkit-appearance:none; } 阅读全文
posted @ 2016-04-19 18:45 ifIhaveWings 阅读(309) 评论(0) 推荐(0)
iphone 数字字段颜色兼容问题
摘要：在iphone手机中，有些字段的颜色会自动发生变化，在head中添加如下meta即可。<meta name = "format-detection" content="telephone = no" /> 阅读全文
posted @ 2016-04-19 18:33 ifIhaveWings 阅读(211) 评论(0) 推荐(0)
垂直水平双向居中的弹窗 以及 移动端屏幕适配
摘要：注意p.wrap的定位是固定定位。转载请注明网址。1 2 3 4 5 6 8 9 10 11 12 13 14 15 16 17 86 87 88 89 90 91 ... 阅读全文
posted @ 2016-04-08 20:28 ifIhaveWings 阅读(840) 评论(0) 推荐(0)
transform(变形)和transform-origin(变形原点)
摘要：转载请说明出处，原文地址http://blog.sina.com.cn/s/blog_780a942701014xl8.html 目前这两个属性得到了除去ie以外各个主流浏览器webkit，firefox，opera的支持，属性名分别为 -webkit-transform，-moz-transfor 阅读全文
posted @ 2016-03-22 19:50 ifIhaveWings 阅读(14097) 评论(0) 推荐(0)
flex弹性布局
摘要：Flex 布局教程：语法篇 原文地址：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool 作者： 阮一峰 日期： 2015年7月10日 网页布局（layout）是CSS的一个重点应用。 布局的传统解决 阅读全文
posted @ 2016-03-10 19:00 ifIhaveWings 阅读(395) 评论(0) 推荐(1)
css3学习
摘要：1.box-shadow: h-shadow v-shadow blur spread color inset; 2.CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、px、百分 阅读全文
posted @ 2016-03-04 16:24 ifIhaveWings 阅读(202) 评论(0) 推荐(0)
让一个div在不同的显示器中永远居中
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> .center_box{ width: 80%; height: 50%; position: absolute; top: 阅读全文
posted @ 2016-03-03 18:15 ifIhaveWings 阅读(309) 评论(0) 推荐(0)