CSS3布局神器 - Flexbox（Flex） [Web前端]
2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。
CSS专业技巧 [Web前端]
使用CSS复位CSS复位可以在不同的浏览器上保持一致的样式风格。您可以使用CSS reset 库Normalize等，也可以使用一个更简化的复位方法： * { box-sizing: border-box; margin: 0; padding: 0; } 现在元素的 margin 和 paddin...
关于表单以及HTML5、CSS可节省很多代码的属性 [Web前端]
1. 关于文件输入控件使用文件输入控件可以浏览本地网络的一个文件，以上传到网站。比如下面这段代码<input type="file" name="file">上传一个文件并没有什么稀奇的，但是有的时候我们希望一次性上传多个文件，比如身份证的正反面图片。这需要借助于 multiple 属性...
图解 Flexbox (CSS3) [Web前端]
属性#1 display: flex 示例如下上面4个 div 默认为 display: block我们给其父级容器添加#container { display: flex; }其实把每个 div 添加了一个 flex context (弹性上下文) 属性#2 Flex Direction 一个...
前端开发必备网站精选 [Web前端]
大牛博客阮一峰博客： http://www.ruanyifeng.com/blog/ 愚人码头博客： http://www.css88.com/ 勾三股四博客： http://jiongks.name/ 前端博客： http://caibaojian.com/ 大漠穷秋： https://my.os...
CSS选择器整理 [Web前端]
很多人都觉得CSS特别简单，但其实真正写好CSS并不容易，CSS的每一点其实内容都很多，就拿选择器来说，CSS选择器大概可以分为五类： 元素选择器 关系选择器 属性选择器 伪类选择器 伪对象选择器 元素选择器 选择器 名称 描述 * 通配选择器 选择所有的元素 E 元素选择器 选择指定的元素 #id...
CSS 动画之工具、框架和教程 [Web前端]
在这篇文章中，我们将不讨论使用 CSS 动画的好处，也不会谈论 JS 动画是否比 CSS 动画更快，而是与你分享一些 CSS 工具，框架和教程。它们将有助于缓解你在学习 CSS 动画中的困扰，并帮助你节省一些时间。CSS 动画工具和框架1. Animate.cssAnimate.css 是一个跨浏览...
前端工程师开发工具 [Web前端]
编辑器一种用于编辑纯文本文件的程序，建议使用免费开源的编辑器 Atom - GitHub推出的开源编辑器。 通用 relative-numbers - 显示相对行号。 trailing-spaces - 高亮多余的空格。 terminal-plus - 内嵌式全功能控制台。 vim-mode - v...
前端跨域整理 [Web前端]
1. 什么是跨域？ 跨域一词从字面意思看，就是跨域名嘛，但实际上跨域的范围绝对不止那么狭隘。具体概念如下：只要协议、域名、端口有任何一个不同，都被当作是不同的域。之所以会产生跨域这个问题呢，其实也很容易想明白，要是随便引用外部文件，不同标签下的页面引用类似的彼此的文件，浏览器很容易懵逼的，安全也得不...