随笔分类 -  css

css 笔记
摘要：1、 去除滚动的样式在要滚动的盒子元素上加上 tab-int::-webkit-scrollbar{ width:0;height:0 } 阅读全文
posted @ 2016-06-17 18:52 328201736 阅读(142) 评论(0) 推荐(0)
让一元素吸底
摘要：#loadimg{ bottom: 0; left: 50%; position: fixed; transform: translateX(-50%); width: 100%; max-width: 600px; } 阅读全文
posted @ 2016-04-19 15:21 328201736 阅读(222) 评论(0) 推荐(0)
取消chrome浏览器下input和textarea的默认样式
摘要：chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所以决定重置这些样式。 取消chrome下input和textarea的聚焦边框： 取消chrome下 阅读全文
posted @ 2016-04-01 13:57 328201736 阅读(989) 评论(0) 推荐(0)
一张图片在一个相应盒子中垂直居中
摘要：一。先上一个 不随相应 垂直居中的， 下面是 一个 宽度，是可以垂直居中的，，但是， 不相应。、v555 方法1 - 未知高度的图片垂直居中 - www.nowamagic.net 最后我解决的办法。用 这个盒子的背景 用一个属性 background-position:cent... 阅读全文
posted @ 2015-12-22 15:38 328201736 阅读(1647) 评论(0) 推荐(0)
关于INPUT 的光标的问题
摘要：input{ height: 16px; padding: 4px 0px; font-size: 12px;}以前在项目里碰到过一个问题input输入框用一个背景图模拟，设置height和line-height一样的高度，使里面的输入文字能够居中，在FF下出现的情况是：点击inp... 阅读全文
posted @ 2015-11-09 18:06 328201736 阅读(586) 评论(0) 推荐(0)
CSS3 平分
摘要：.wrap { width: 100%; height: 50px; display: -moz-box; display: -webkit-box; display: box; line-height: 50px;}.wrap a { -moz-box-f... 阅读全文
posted @ 2015-11-06 15:16 328201736 阅读(351) 评论(0) 推荐(0)
移动端必备的样式
摘要：*｛ -webkit-text-size-adjust: none;｝ input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;}textarea { -... 阅读全文
posted @ 2015-09-14 14:23 328201736 阅读(301) 评论(0) 推荐(0)
IOS 下字体 PC 上
摘要：.os_mac { font-family: "Microsoft YaHei"; /*font-family: "ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Hiragino Sans GB","Hir... 阅读全文
posted @ 2015-09-01 14:19 328201736 阅读(210) 评论(0) 推荐(0)
图片垂直居中在中间
摘要：图片垂直居中在中间 阅读全文
posted @ 2015-07-22 17:17 328201736 阅读(232) 评论(0) 推荐(0)
css背景图片拉伸 以及100% 满屏显示
摘要：今天遇到一个问题，一张图片， 满屏显示， 要适应不同的手机屏幕大小， 第一次用的。 background-size: cover发现 手机小米2S， 背景图片， 会失真，解决办法是 background-size: 100% auto下面是 其它的 各个属性： 阅读全文
posted @ 2015-07-15 11:34 328201736 阅读(715) 评论(0) 推荐(0)
多行文字实现垂直居中 css3
摘要：用到的属性： display:table-cell; verical-align:middle; 多行文字实现垂直居中 现在我们要使这段文字垂直居中显示！ 下面看 display 的各个属性：常用display1、div{di... 阅读全文
posted @ 2015-07-08 13:11 328201736 阅读(811) 评论(0) 推荐(0)
div中溢出文字用点代替
摘要：div中溢出文字用点代替的代码 web标准常见问题大全web标准常见问题大全大全web标准大全web标准大全web标准大全web标准大全web标准 web标准常见问题大全web标准常见问题大全 web标准常见问题大全web标准常见问题大全 web标准... 阅读全文
posted @ 2015-07-07 14:47 328201736 阅读(910) 评论(0) 推荐(0)
左侧固定 右侧自适应 布局
摘要：左侧固定宽度200px 右侧宽度自动适应 阅读全文
posted @ 2015-07-07 13:40 328201736 阅读(169) 评论(0) 推荐(0)
两个DIV第一个用了定位后 如何让两个DIV 落在一起
摘要：1 2【 position:relative | absolute | static | fixed 】来源：http://www.chinaz.com/web/2012/1121/282830.shtmlA：相对定位（position: relative）：如果对某一个元... 阅读全文
posted @ 2015-07-07 13:39 328201736 阅读(4274) 评论(0) 推荐(0)
左侧固定 右侧自适应 布局
摘要：左侧固定宽度200px 右侧宽度自动适应 阅读全文
posted @ 2015-07-01 10:08 328201736 阅读(127) 评论(0) 推荐(0)
1、 一张图片随宽度的大小 ，自动缩放
摘要：border: 0 none; height: auto; max-width: 100%; vertical-align: middle; 阅读全文
posted @ 2015-07-01 10:07 328201736 阅读(273) 评论(0) 推荐(0)
图片垂直居中的三种方式
摘要：第一种： 第二种： li {line-height: // 整个屏的高度vertical-align:middle; }li img{ vertical-align:middle;}第三种：li{ display:-webkit-box;-webkit-box-pack:center;-we... 阅读全文
posted @ 2015-07-01 10:06 328201736 阅读(544) 评论(0) 推荐(0)