浮动(Floats)原理与清除浮动

浮动概念浮动元素会脱离文档的普通流,根据float的值向左或向右移动,直到它的外边界碰到父元素的内边界或另一个浮动元素的外边界为止。由于浮动框不在文档的普通流中,所以文档的普通流中的块级元素表现得就像浮动元素不存在一样。浮动影响浮动元素会造成父元素塌陷当给元素设置float之后,元素脱离文档流,父元素没有设置height,造成塌陷。.super{ border:1px

业界 2016年07月08日

html 不常用标签介绍

文本元素如果单词太长，或者您担心浏览器会在错误的位置换行，那么您可以使用 元素来添加 Word Break Opportunity（单词换行时机）。英文单词过长时使用会根据浏览器的宽度适当的裁切换行。 如果想学习 AJAX，那么您必须熟悉 XMLHttpRequest 对象。添加下划线，起到强调作用元素实际作用就是删除线；从语义上来看，表示不准确的删除元素实际作用就

业界 2016年07月14日

flebo 详细教程

caniuseflexbox 神器肯定是前端必会的。对于各种布局只要学会 flexbox 那都是 so easy 的事情。要用 flexbox，最先就是看看 caniuse 上浏览器对 flexbox 的兼容性。下面是截图：图片中 partial support 的左上角的数字对应下面的意思。具体和访问链接去看,:caniuse 上浏览器对 flexbox 的兼容性.部分支

业界 2016年07月14日

一些css小问题

块级元素，引用百度百科块级元素特点：①总是在新行上开始；②高度，行高以及外边距和内边距都可控制；③宽度缺省是它的容器的100%，除非设定一个宽度。④它可以容纳内联元素和其他块元素行级元素，引用百度百科块级元素特点：①和其他元素都在一行上；②高，行高及外边距和内边距不可改变；③宽度就是它的文字或图片的宽度，不可改变④内联元素只能容纳文本或者其他内联元素（‘缺省’我也不知道是什

业界 2016年07月18日

一个纯CSS3实现的酷炫翻书效果

项目地址：https://github.com/BUPT-HJM/c...demo地址：https://bupt-hjm.github.io/cs...欢迎大家的star啦~效果细节其实项目中的关键在于几个属性，perspective和rotate,便是透视和旋转perspective属性指定了观察者与z=0平面的距离，使具有三维位置变换的元素产生透视效果。z>0的三维元素

业界 2016年07月25日

js焦点事件:onfocus、onblur、focus()、blur()、select()

什么是焦点事件 焦点：使浏览器能够区分用户输入的对象，当一个元素有焦点的时候，那么他就可以接收用户的输入 只有能够响应用户操作额元素才可以接收焦点事件，比如：a button input... onfocus：当元素获取到焦点的时候触发 odiv.onfocus = funcion(){} onblur:当元素失去焦点的时候 obj.focus():给指定的元素设置焦点 o

业界 2016年08月04日