随笔分类 - CSS
摘要：@media (-webkit-max-device-pixel-ratio: 1){ ::-webkit-scrollbar-thumb { background-color: #c2c2c2; background-clip: padding-box; min-height: 28px; } }
阅读全文
摘要：font: 14px/1.5 -apple-system,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft Yahei",sans-serif
阅读全文
摘要：#box{ background-color: lightgrey; width: 300px; border: 25px solid green; padding: 25px; margin: 25px; height:60px; } //获取盒子的内容高度，内容高度也可用用box.clientHeight获取，内容高度不包括边框和外边距和滚动...
阅读全文
摘要：1 2 3 4 5 6 7 8 61 62 63 64 65 66 首页 67 积分商城 68 第三个 69 70 71 72
阅读全文
摘要：有些页面布局复杂，在不同分辨率下表现需要一致，这时需要用媒体查询根据不同分辨率进行百分比定位(不能用像素定位)，如: ie8不支持媒体查询，可以用respond.js库解决，但需要注意以下几点： 1、需要启动本地服务器（localhost），不能使用普通本地的url地址（file://开头）； 2、
阅读全文
摘要：很容易便能看出，这其实是inline-block水平居中方案以及table-cell垂直居中方案的合用，也算是把文本排版的特性都利用了个遍了。
阅读全文
摘要：offsetLeft 获取的是相对于父对象的左边距 left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距 如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相
阅读全文
摘要：jquery-placeholder.js是基于jquery的插件，对不支持placeholder的浏览器有非常好的兼容性，只需引入这个js文件,然后给所有Input元素调用一下placeholder方法即可 插件下载:https://github.com/mybedhome/jquery-plac
阅读全文
摘要：.arrow-down:after{ content: ''; position: relative; top: 12px; left: 2px; border-style: solid; border-color: black transparent; border-width: 6px 6px
阅读全文
摘要：本文将教你一个很有用的技巧——如何使用 CSS 做到完全的垂直居中。我们都知道margin:0 auto;的样式能让元素水平居中，而margin: auto;却不能做到垂直居中……直到现在。但是，请注意！想让元素绝对居中，只需要声明元素高度，并且附加以下样式，就可以做到：12345.Absolute...
阅读全文
摘要：webkit浏览器会把所有需要动画的元素放到复合层中渲染，另外以下两种情况也会使不需要动画的元素也放到复合层中渲染，这样会导致元素动画不流畅(原则是需要的动画才让它在复合层中渲染)1,元素有一个包含复合层的后代节点||元素有一个在复合层中渲染的后代节点(换句话说，就是一个元素拥有一个子元素，该子元素...
阅读全文
摘要：特别注意:背景图片缩放是相对于背景图片所在容器的宽高而言的，并不是相对背景图片本身的宽高比如,一个div的宽高是300和200像素，背景图片本身的宽高是100*100的像素，设置div的background-size:50% 50%，背景图片会放大到150px和100px，而不是缩小到50px和50...
阅读全文
摘要：@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体
阅读全文
摘要：text-overflow:ellipsis; overflow:hidden; white-space:nowrap;要想实现文本超出容器时显示省略号，上面3个属性必须同时搭配使用
阅读全文
