摘要：
0.前言 float属性在css2中是一个热门的属性，被广泛应用于布局之中，同时由于不当使用float带来的问题也非常多，本文结合自己对float的理解以及实际项目中碰到float的相关问题，做一个详细总结，欢迎一起探讨，但未经同意禁止转载。以下是文章的目录 float的特性 float与absol 阅读全文
摘要：
应用场景 子元素标签使用 浮动后，会出现浮在父元素上层，脱离了。导致父元素没办法根据子元素的高度而变化，提供以下解决方案。 解决代码 把 ‘.clearfix ’ Class 样式添加到 父元素即可。 .clearfix:after, .clearfix:before{content:" ";dis 阅读全文
摘要：
下面都是我自己的理解, 如果有不对的地方, 还请大家帮忙指出.下面是在 chrome 浏览器上测试的 background-clip 和 background-origin 先说说background-image background-image 默认的起始位置是 padding 外边缘的左上角. 阅读全文
摘要：
一些小技巧让你的CSS技术更专业 1,使用:not()去除导航上不需要的边框 2,为body添加行高 3,垂直居中任何元素 4,逗号分离的列表 5,使用负nth-child选择元素 6,使用SVG图标 7,文本显示优化 8,在纯CSS幻灯片上使用max-height 9,继承box-sizing 1 阅读全文
摘要：
sublime text3 推荐插件 Package Controller安装 1、打开sublime text 3，按ctrl+~或者菜单View > Show Console打开命令窗口。2、复制以下代码，回车，安装Package Controller import urllib.request 阅读全文
摘要：
<canvas> 元素 <canvas> 看起来和 <img> 元素很相像，唯一的不同就是它并没有 src 和 alt 属性。实际上，<canvas> 标签只有两个属性—— width和height。当没有设置宽度和高度的时候，canvas会初始化宽度为300像素和高度为150像素。该元素可以使用C 阅读全文
摘要：
文章来源 最近几年，前端发展越来越迅速，各种萌新加入了前端这个大家庭，大有赶IOS、超Android的趋势呀！同时，萌新们提出了各种前端工作问题，除了最基础的html、css、js三板斧之外，最让人头疼的应该是关于环境的配置问题，所以以环境作为切入点，开始一系列的前端开发环境配置文章。 主要会涉及到 阅读全文
摘要：
预览地址在这里：http://thx.github.io/magix-os/项目地址在这里：https://github.com/thx/magix-os 介绍下目录结构 核心目录cores主要是构成web os的桌面、对话框、图标、任务栏等插件目录plubins主要是各种插件的实现接口目录serv 阅读全文
摘要：
前情提要 上一篇文章介绍了目前前端比较流行的各种编辑器，以及各种流行的打包方式，最后给了一个Gulp的例子，这个例子还是14年的时候写的，还有一些可以优化的空间，就不讨论了，这篇文章主要讲目前火热的打包构建方式--Webpack的使用方式。 主菜--没有开胃汤 其实Webpack的入门指导文章非常多 阅读全文
摘要：
webapp开发中经常需要加入点击二态，即用户点击（tap）页面某个部分时该部分的样式进行相应的变化来相应用户的点击操作，这样能够带来更好的用户体验，今天我们要讨论的是如何给图标加上点击的二态效果。 先来看下需求吧~ 如果判断用户的点击操作？ 这个应该不用多说，使用css的伪类选择:active即可 阅读全文
摘要：
本文仅用于学习和交流，不用于商业目的。非商业转载请注明作译者、出处，并保留本文的原始链接：http://www.ituring.com.cn/art... 访谈嘉宾： Lea VerouW3C CSS工作组特邀专家，设计CSS语言的委员之一，此前曾在W3C担任开发者代言人。目前，她在麻省理工学院从事 阅读全文
摘要：
概念：浮（漂浮）动分为左浮动、右浮动、清除浮动。 浮动特点： 想你指定的方向移动，并且让出空间 如果后面的元素，也是浮动的，那么后面的元素就会在碰到前面的元素，或者边框时，就定位在那里。 如果后面的元素没有浮动，则该元素就会在浮动的元素的下面。 行内元素也可以浮动，行内元素浮动后就具有块元素的特点， 阅读全文
摘要：
DOM 是什么 文档对象模型，是针对 HTML 和 XML 文档的一个 API (应用程序编程接口)， 描绘了一个层次化的节点树。 D: document 当 web 浏览器浏览一个页面的时候，DOM 就在幕后把你编辑的网页文档转换成一个文档对象。(这也是为什么浏览器打开一个 html 文档显示的是 阅读全文
摘要：
第三章 文本 段落 p <p>毫不奇怪，p是最常用到的HTML元素之一</p> 作者联系信息 address address并不是用于标记邮政地址，而是定义与HTML页面或页面一部分有关作者、相关人士或组织的联系信息。 <article> <h1>...</h1> <p>...</p> <foote 阅读全文