CSS3布局神器 - Flexbox(Flex) [Web前端]

2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。
kyle 6年前 浏览 2208 评论0

CSS专业技巧 [Web前端]

使用CSS复位CSS复位可以在不同的浏览器上保持一致的样式风格。您可以使用CSS reset 库Normalize等,也可以使用一个更简化的复位方法: * { box-sizing: border-box; margin: 0; padding: 0; } 现在元素的 margin 和 paddin...
kyle 7年前 浏览 1319 评论0

Web前端之iframe详解 [Web前端]

Web前端之iframe详解:属性、跨域、安全、权限。。。
kyle 7年前 浏览 6703 评论0

关于表单以及HTML5、CSS可节省很多代码的属性 [Web前端]

1. 关于文件输入控件使用文件输入控件可以浏览本地网络的一个文件,以上传到网站。比如下面这段代码<input type="file" name="file">上传一个文件并没有什么稀奇的,但是有的时候我们希望一次性上传多个文件,比如身份证的正反面图片。这需要借助于 multiple 属性...
kyle 7年前 浏览 1206 评论0

图解 Flexbox (CSS3) [Web前端]

属性#1 display: flex 示例如下上面4个 div 默认为 display: block我们给其父级容器添加#container { display: flex; }其实把每个 div 添加了一个 flex context (弹性上下文) 属性#2 Flex Direction 一个...
kyle 7年前 浏览 1203 评论0

前端开发必备网站精选 [Web前端]

大牛博客阮一峰博客: http://www.ruanyifeng.com/blog/ 愚人码头博客: http://www.css88.com/ 勾三股四博客: http://jiongks.name/ 前端博客: http://caibaojian.com/ 大漠穷秋: https://my.os...
kyle 7年前 浏览 1560 评论0

CSS选择器整理 [Web前端]

很多人都觉得CSS特别简单,但其实真正写好CSS并不容易,CSS的每一点其实内容都很多,就拿选择器来说,CSS选择器大概可以分为五类: 元素选择器 关系选择器 属性选择器 伪类选择器 伪对象选择器 元素选择器 选择器 名称 描述 * 通配选择器 选择所有的元素 E 元素选择器 选择指定的元素 #id...
kyle 7年前 浏览 986 评论0

CSS 动画之工具、框架和教程 [Web前端]

在这篇文章中,我们将不讨论使用 CSS 动画的好处,也不会谈论 JS 动画是否比 CSS 动画更快,而是与你分享一些 CSS 工具,框架和教程。它们将有助于缓解你在学习 CSS 动画中的困扰,并帮助你节省一些时间。CSS 动画工具和框架1. Animate.cssAnimate.css 是一个跨浏览...
kyle 7年前 浏览 850 评论0

前端工程师开发工具 [Web前端]

编辑器一种用于编辑纯文本文件的程序,建议使用免费开源的编辑器 Atom - GitHub推出的开源编辑器。 通用 relative-numbers - 显示相对行号。 trailing-spaces - 高亮多余的空格。 terminal-plus - 内嵌式全功能控制台。 vim-mode - v...
kyle 7年前 浏览 4894 评论0

九个Console命令,让js调试更简单(Firefox) [Web前端]

九个Console命令,让js调试更简单(Firefox)
kyle 7年前 浏览 1569 评论0

前端跨域整理 [Web前端]

1. 什么是跨域? 跨域一词从字面意思看,就是跨域名嘛,但实际上跨域的范围绝对不止那么狭隘。具体概念如下:只要协议、域名、端口有任何一个不同,都被当作是不同的域。之所以会产生跨域这个问题呢,其实也很容易想明白,要是随便引用外部文件,不同标签下的页面引用类似的彼此的文件,浏览器很容易懵逼的,安全也得不...
kyle 7年前 浏览 889 评论0

前端资源汇集(二) [Web前端] 转载

前端资源汇集(二)
kyle 7年前 浏览 1864 评论0

前端资源汇集(一) [Web前端] 转载

前端资源汇集(一)
kyle 7年前 浏览 1830 评论0

有趣的前端工具库 [Web前端]

LeafletLeaflet是最流行的开源交互式地图。 它提供了你想要的地图库中的一切 - 标记,图层,缩放,以及更多的基本和高级功能。 最近官方出了1.0版本,许多改进的API,辅助功能和性能。Reflexbox用于React的Flexbox网格系统,提供Grid, Flex, 和Box组件用于开...
kyle 7年前 浏览 938 评论0
热门标签