您现在的位置：首页
--> CSS/HTML
本文总结html中与框架相关的三个标签frameset、frame、iframe的用法，下面是一些简单的代码示例......
• 说说基本的布局观
这个话题由我来说可能不是最合适的，论资历和认识，我不如那些征战多年的行业前辈们，但是我想做的事情，请别人花时间和精力来做，觉得不大合适，我也愿意写这么一篇文来分享一些关于网页布局最基本的东西。这篇文会有两个特点：
一、不会有“深刻认识”、“揭秘”之类的出现，因为本来就没有；不会有很厉害或者通用的布局方案告诉大家，不是本文重点；也不会时不时把标准搬出来，只会直观的简要描述。
二、会带有一定的故事情节，我相信前端们都有着相似的经历，沿着故事的发展路线，或许你会产生更多的共鸣。
换句简单的话说就是：更适合初学者看~
本文内容如题，从表层和深层好好对比了 zoom和transform:scale的区别，有截图，有demo，希望本文的内容能够对您的学习有所帮助。
虽说标题是word-break:break-all和word-wrap:break-word的区别，实际上，两者的比对只是小半内容，还有很多内容是对word-break和word-wrap属性的一些了解。本文内容虽然不多，但是，demo啊截图啊什么的都还挺全，希望本文的内容能够对您的学习有所帮助。
如题，本文介绍如何使用CSS或者JS等前端方法实现代码控制gif图片的暂停或者播放。一如既往，有demo有截图还有必要的源代码展示，更关键的是，本文gif比较多……
本文一些简单tips整理，没有深入具体的技术细节。考虑到一些童鞋的HTML基础不是很扎实，因此，本文的一些内容说不定可以博闻强识下。
利用全浏览器都支持的contenteditable模拟文本域可以实现体验相当不错的高度跟随内容自动撑开的效果，但是呢，有个很大的问题就是HTML内容可以直接被粘贴进去，如果我们希望只能输入纯文本，该怎么做呢？本文提供了CSS侧，HTML侧以及JS侧三种不同的解决方法，希望可以对您的学习或者工作有所帮助！
如题，理解CSS3 isolation: isolate的表现和作用，isolation: isolate是一个与CSS3混合模式关系密切的一个CSS声明。
对于CSS世界中的元素而言，所谓的“冲突”指什么呢，其中，很重要的一个层面就是“层叠显示冲突”。
默认情况下，网页内容是没有偏移角的垂直视觉呈现，当内容发生层叠的时候，一定会有一个前后的层叠顺序产生，有点类似于真实世界中论资排辈的感觉。
而要理解网页中元素是如何“论资排辈”的，就需要深入理解CSS中的层叠上下文和层叠顺序。
我们大家可能都熟悉CSS中的z-index属性，需要跟大家讲的是，z-index实际上只是CSS层叠上下文和层叠顺序中的一叶小舟。
<textarea>元素，俗称“文本域”，或者“多行文本框”，其自带原生的HTML属性rows表示行的意思，可以改变<textarea>的可视区域高度，cols表示列，可以改变<textarea>的可视区域宽度。
下面问题来了，我想很多小伙伴知道cols和rows可以影响文本域的尺寸，那cols和rows不同的数值和最终展示的像素尺寸之间有没有什么关系呢？可不可以通过公式计算呢？最终表现是否还受到其他CSS属性的影响呢？
本文就将解答上面的这些疑惑，一起进去看看吧~
今天我们要讨论 CSS 中的一些有用的技巧。混合模式、渐变边框、currentColor、单选、复选按钮的样式、@ Supports等
ont属性值除了支持常用的缩写，还支持系统关键字，这种用法在某些场景下非常的有用。本文就带你前去一探究竟。有demo有源代码有截图，希望本文的内容能够对您的学习有所帮助！
本文主讲设计思想，至于具体的技术细节，以后有机会会慢慢分享。越是简单的成品越是需要足够的积累。
然而，现在的我再重新评估UI组件的实现，还是有一些遗憾的，主要遗憾在于，HTML层→数据层→展现层这三层概念实现的时候并没有理得很清楚。目前，HTML层和展现层没有任何问题，但是，数据层，并没有完整贯穿整个UI组件体系，导致，本UI组件体系不能很好地吸引对JSON数据有着偏执爱好的开发，以及应付潜在的极端需求。
用gif图片来做loading的时代已经过去了，它显得太low了，而用HTML5/CSS3以及SVG和canvas来做加载动画显得既炫酷又逼格十足。这已经成为一种趋势。
这里收集了几十个用html5和css3实现的loading效果，以供学习参考。
CSS中的margin外边距重叠(Collapsing margins)指的是毗邻的两个或多个外边距会合并成一个外边距。其中所说的margin毗邻，可以归结为以下两点：(1)这两个或多个外边距没有被非空内容、padding、border或clear分隔开。(2)这些margin都处于普通流中，浮动元素、inline-block元素、绝对定位元素的margin不会和垂直方向上其他的margin元素重叠。(3)只有垂直方向的margin才会折叠，水平方向的margin不会发生折叠的
本文是SVG学习基本且重要的知识点。本文相当详尽的讲解了SVG transform变换的语法、特点以及一些实际的处理等等。有相当多的截图，源代码展示，还有必要的demo，对了，还有很多gif示意。如果你要学习SVG, 本文内容一定会对你的学有所帮助的。
多文件、嵌套（借助 Sass）、像素单位、设备断点。我认为他们要说的话和真正的响应式设计没有关系。他答道，「理论上我是认可的，但是移动体验成功的关键在于理解现实世界」。
深入理解CSS3 border-radius的一些特性表现。平时使用的那点东西只是浮于表面的，实际上，border-radius支持的属性值呢，还是有点料的，也有很多需要注意的tips. 本文就算是border-radius进阶学习，还是一如既往的，有丰富的截图，表情图，琐碎图，插科打诨图；有丰富的源代码展示，对了，还有纯手动打算的便于学习的demo。希望本文的内容能够对您的学习有所帮助。
本文深入探讨vertical-align和line-height之间的关系，属于中长篇，有很多其他地方看不到的知识点。实例效果就在文章页面上，因此，请使用合适的浏览器查看本文。截图丰富，源代码展示详尽，相信本文的内容会对您的学习有所帮助的。
近3天十大热文
-
[18] 在FreeNAS/BSD搭建基于Nginx+ -
[18] [译]Google Chrome中的高性能网
-
[17] 最近总结的一些技巧(vim,python,s
-
[17] 关于Linux的文件系统cache
-
[16] Linux常用系统信息查看命令
-
[12] Linux(Ubuntu 10.04)上安装
-
[11] PHP加速器 eaccelerator 缓存
-
[11] Buffer和cache的区别是什么？
-
[10] Centos yum 安装nginx+PHP
-
[9] base64_encode 和 urlenc
赞助商广告
