Never say never for ss

html> head> style> div { width:100px; height:100px; background:red; position:relative; animation:go 1s infinite; -moz-animation:go 1s infinite; /* Firefox */ -webkit-anima

display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。 目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(-moz-)、opera(-o-)、chrome/safari（-w

:nth-child(2)选取第几个标签，正整数 .ul li:nth-child(2){background:#090} :nth-child(n+4)选取大于等于4标签，“n”表示从整数，下面一样.ul li:nth-child(n+4){background:#090} :nth-child(-n+4)选取小于等于4标签 .ul li:nth-child(-n+4){backgr

height:auto，是指根据块内内容自动调节高度。 height:100%，是指其相对父块高度而定义的高度

body {     background-color: #efefef; } #CalendarMain {     width: 300px;     height: 300px;     border: 1px solid #ccc;     margin: 0 auto;     margin-top: 100px; } #title {     width: 100

H5单页面手势滑屏切换是采用HTML5 触摸事件(Touch) 和 CSS3动画(Transform,Transition)来实现的，效果图如下所示，本文简单说一下其实现原理和主要思路。 1、实现原理 假设有5个页面，每个页面占屏幕100%宽，则创建一个DIV容器viewport，将其宽度(width) 设置为500%，然后将5个页面装入容器中，并让这5个页面平分整个容器，最后

图片的居中显示css有很多方法，但在很多情况下有的方法无效，这是件很头疼的事情，比如一般设置图片属性text-align:centre水平居中，但这个方法经常无效，很多前端攻程师都有研究过或者说是搜索过css图片居中方法吧。 但其实css图片居中有多种不同的情况，也有多种不同的解决方法，具体方法如下所示： 图片居中又分为水平居中和垂直居中 一、水平