css
hongc93
这个作者很懒,什么都没留下…
展开
-
html5的placeholder属性(IE如何兼容placeholder属性)
placeholder属性,IE对其的支持表示无奈,firefox、google chrome表示毫无压力。HTML5对Web Form做了许多增强,比如input新增的type类型、Form Validation等。Placeholder是HTML5新增的另一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失。以前要实现转载 2017-04-10 16:17:45 · 638 阅读 · 0 评论 -
css3 文字流光渐变 背景模糊 边框两边伸展
文字流光渐变 background-image:使用css3的渐变绘制图像,从左到右 background-image: -webkit-linear-gradient(left, #3498db, #f47920 10%, #d71345 20%, #f7acbc 30%, #ffd400 40%, #3498db 50%, #f47920 60%, #d71345 70%, #f7acbc原创 2017-03-17 11:56:42 · 2088 阅读 · 0 评论 -
纯CSS实现图片水平垂直居中于DIV(图片未知宽高)
HTML<div class=”demo”><a href=“#”><img src=“images/01.jpg” /></a></div>css/*For Firefox Chrome*/.demo{border:1px #ddd solid;width:208px;height:148px;overflow:hidden;text-align:center;display:table;flo原创 2017-01-17 10:16:14 · 320 阅读 · 0 评论 -
伪类 伪元素
伪类用于向某些选择器添加特殊的效果。(:active :hover :link :focus :visited :first-child :lang) 伪元素用于将特殊的效果添加到某些选择器。(::before ::after ::first-line ::first-letter)原创 2017-02-10 14:45:09 · 168 阅读 · 0 评论 -
css内容居中方法 的方法
本文总结了一些常用的元素水平垂直居中方法。原创 2017-05-03 14:18:57 · 237 阅读 · 0 评论 -
CSS Hack详解 支持IE 6-11、Chrome、FireFox、Safari、Opera
CSS Hack技术,就是利用不同浏览器不同版本之间的CSS实现的特性差异,来满足我们需要的效果:在所有主流浏览器上显示统一的效果,或者为特定浏览器显示特定的效果。众所周知,如果在一个css样式选择器中存在两个名称相同的属性,浏览器一般会以最后面的属性为准。转载 2017-07-21 16:39:45 · 584 阅读 · 0 评论 -
IE8兼容background-size:cover
方法1:background-image: url('file:///F:/test/images/flashbg.jpg'); background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='file:///F:/test/images/flashbg.jpg',sizingMeth原创 2017-08-18 13:52:13 · 618 阅读 · 0 评论 -
css 文本超出省略号
段落文字不超出几行,超出部分以省略号显示一、div内显示一行,超出部分用省略号显示white-space: nowrap;overflow: hidden;text-overflow: ellipsis;二、div内显示两行或三行,超出部分用省略号显示overflow: hidden;text-overflow: ellipsis;display: -webkit-bo...原创 2019-02-22 15:55:40 · 1490 阅读 · 0 评论