摘要: 需求分析 1.单击table的每个cell后,给cell加上一个尺寸相当的input; 2.input后把value传给cell的innerHTML; 3.失焦后删除input。 HTML table.css insert-input.js main.js 还有一种使用contentEditable 阅读全文
posted @ 2015-12-01 16:41 zcynine 阅读(2046) 评论(0) 推荐(0)
摘要: vertical-align对一些特定显示样式(例如单元格显示方式:table-cell)的元素才会起作用。div{display:table-cell; vertical-align:middle;}vertical-align只对行内元素有效,对块级元素无效。语法:vertical-align:... 阅读全文
posted @ 2015-12-01 14:50 zcynine 阅读(280) 评论(0) 推荐(0)
摘要: 在CSS属性能中,我们常常能看到-webkit-,-moz-之类的前缀,这种就叫做浏览器私有前缀,是浏览器对于新CSS属性的一个提前支持。-webkit-是webkit内核的,-moz-是Firefox Gecko内核,moz代表的是Firefox的开发商Mozilla。 为什么要有私有前缀呢?因为... 阅读全文
posted @ 2015-12-01 14:32 zcynine 阅读(949) 评论(0) 推荐(0)
摘要: html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%;}该属性的作用是在iPhone 横屏时默认会放大文字。iPhone 和 Android 的浏览器纵向 (Portr... 阅读全文
posted @ 2015-12-01 14:31 zcynine 阅读(232) 评论(0) 推荐(0)
摘要: CSS预处理器有很多,最早的是2006年的Less,到后来2010年的SASS,还有现在也很出名的Stylus。不过要使用它们都要使用一些工具,比如Less的话要使用Grunt或者Gulp或者Node.js,SASS要用Ruby的环境来编译。我个人对工具依赖性太强的东西并无好感,我还是喜欢只要给我一... 阅读全文
posted @ 2015-12-01 11:56 zcynine 阅读(265) 评论(0) 推荐(0)
摘要: 伪类选择器,和一般的DOM中的元素样式不一样,它并不改变任何DOM内容。只是插入了一些修饰类的元素,这些元素对于用户来说是可见的,但是对于DOM来说不可见。伪类的效果可以通过添加一个实际的类来达到。a:link|a:visited|a:hover|a:active在 CSS 定义中,a:hover必... 阅读全文
posted @ 2015-12-01 02:06 zcynine 阅读(27309) 评论(0) 推荐(3)
摘要: 重新撸一遍CSS的基础,因为以前面试的时候被问到,突然发现某些概念搞不清楚,瞬间懵逼了,其实我都知道的,就是因为不会炒概念,导致面试官觉得我很low,你特么连这个都不知道还敢来面试,回家种田去好嘛!样式分类1.行内样式/行间样式虽然这种方法比较直接,在制作页面的时候需要为很多的标签设置style属性... 阅读全文
posted @ 2015-12-01 01:33 zcynine 阅读(451) 评论(0) 推荐(0)