HTML textarea cols,rows属性和宽度高度关系研究

2016年02月4日 by 张 鑫旭 阅读 23905 次, 今日 19 次

<textarea>元素,俗称“文本域”,或者“多行文本框”,其自带原生的HTML属性rows表示行的意思,可以改变<textarea>的可视区域高度,cols表示列,可以改变<textarea>的可视区域宽度。

下面问题来了,我想很多小伙伴知道colsrows可以影响文本域的尺寸,那colsrows不同的数值和最终展示的像素尺寸之间有没有什么关系呢?可不可以通过公式计算呢?最终表现是否还受到其他CSS属性的影响呢?

本文就将解答上面的这些疑惑,一起进去看看吧~

阅读全文…

CSS font关键字属性值的简单研究

2016年01月27日 by 张 鑫旭 阅读 14848 次, 今日 7 次

ont属性值除了支持常用的缩写,还支持系统关键字,这种用法在某些场景下非常的有用。本文就带你前去一探究竟。有demo有源代码有截图,希望本文的内容能够对您的学习有所帮助!

阅读全文…

基于原生HTML的UI组件开发

2016年01月22日 by 张 鑫旭 阅读 34277 次, 今日 11 次

本文属于波澜不惊,平铺直叙版本。如果想看有有激情有思想的版本,可以去ISUX官博:“顺势而为,HTML发展与UI组件设计进化”

阅读全文…

前端早读课专访

2016年01月13日 by 张 鑫旭 阅读 44701 次, 今日 23 次

前端早读课访谈,分享自己的一些心理历程,以及对前端的一些看法等等。

阅读全文…

理解CSS3 isolation: isolate的表现和作用

2016年01月9日 by 张 鑫旭 阅读 18276 次, 今日 11 次

如题,理解CSS3 isolation: isolate的表现和作用,isolation: isolate是一个与CSS3混合模式关系密切的一个CSS声明。

阅读全文…

深入理解CSS中的层叠上下文和层叠顺序

2016年01月9日 by 张 鑫旭 阅读 57019 次, 今日 54 次

本文是最近1-2个月最用心的文章,理解本文内容,就会明白网页中元素层叠的时候为什么会这样表现了,相信本文的内容一定会对您的学习有所帮助的。

阅读全文…

小tip: 如何让contenteditable元素只能输入纯文本

2016年01月7日 by 张 鑫旭 阅读 46961 次, 今日 53 次

利用全浏览器都支持的contenteditable模拟文本域可以实现体验相当不错的高度跟随内容自动撑开的效果,但是呢,有个很大的问题就是HTML内容可以直接被粘贴进去,如果我们希望只能输入纯文本,该怎么做呢?本文提供了CSS侧,HTML侧以及JS侧三种不同的解决方法,希望可以对您的学习或者工作有所帮助!

阅读全文…

小tip: 子元素scroll父元素容器不跟随滚动JS实现

2015年12月18日 by 张 鑫旭 阅读 39831 次, 今日 31 次

在网页中,滚动条的滚动行为也是类似的调调,如果页面出现多个内嵌滚动条,则行为表现是:子元素滚,子元素滚,子元素滚完父元素滚;父元素滚,父元素滚,父元素滚完容器滚……

这是浏览器的默认行为,如果我们遇到了一个需求:子元素滚,子元素滚完,就完了,父元素不需要滚了。那该如何实现呢?

阅读全文…

小tips: CSS或JS实现gif动态图片的停止与播放

2015年12月5日 by 张 鑫旭 阅读 49791 次, 今日 54 次

如题,本文介绍如何使用CSS或者JS等前端方法实现代码控制gif图片的暂停或者播放。一如既往,有demo有截图还有必要的源代码展示,更关键的是,本文gif比较多……

阅读全文…

HTML input type=file文件选择表单元素二三事

2015年11月24日 by 张 鑫旭 阅读 95407 次, 今日 204 次

本文一些简单tips整理,没有深入具体的技术细节。考虑到一些童鞋的HTML基础不是很扎实,因此,本文的一些内容说不定可以博闻强识下。有截图有源代码展示,没demo,嘻嘻……

阅读全文…