1.bootstrap 清除浮动原理 .clearfix:before, .clearfix:after { content: ' ', display: table } .clearfix:after { clear: both } // for IE6/IE7 .clearfix:after { *zoom: 1 } after 伪类中 display: table 会创建一个 table-cell ,从而触发块级格式化上下文 BFC,因为容器内的 float 元素也会触发 BFC,并且 B…

1.this 的指向 1).由 new 调用?绑定到新创建的对象. 2). 由 call 或者 apply(或者 bind)调用?绑定到指定的对象. 3). 由上下文对象调用?绑定到那个上下文对象. 4). 默认:在严格模式下绑定到 undefined,否则绑定到全局对象. 2.new关键字的过程 创建一个新对象 将 this 绑定到新创建的对象上 在新创建的对象上添加一个叫 __proto__ 的属性,指向构造函数的原型 prototype 对象 返回新创建的对象 return this fu…

网页主要由3部分组成:结构.表现.行为.目前网页的新标准是W3C,模式是HTML.CSS.JavaScript,这是前端开发最核心的3个技术.前2个技术的最新版本分别为HTML5.CSS3.  “HTML是网页的结构,CSS是网页的外观,而JavaScript是页面的行为”  前端开发其他技术 Ajax 异步JavaScript和XML,Asynchronous Javascript And XML,一种创建交互式网页应用的网页开发技术.通过在后台与服务器进行少量数据交换,Ajax可以使网页实现…

1.首先是html代码: <!-- markup time --> <div class="wrapper wb"> <div class="black-bar wb-bottom"> <div class="battery">22% <i class="fa fa-bolt"></i></div> <div class="ne…

回顾历史,CSS1于1996.12.17发正式版,它是为辅助HTML的展现效果而生的.1998.5.12,CSS2发正式版.随后发修订版CSS2.1,纠正了CSS2中的一些错误.注意从CSS2起,CSS的作用就不是辅助展现了,变为全全负责展现.(注:当年CSS2的勘误表有兴趣可以看看) CSS2.1明确了2个模型,一个是众所周知的盒模型(Box model),CSS1没有盒模型的概念,盒模型的前身在CSS1里叫做面向盒的格式化模型.元素抽象为盒,以盒为对象设计思路清晰多了.CSS3的盒模型丰富了…

一.盒模型 一个web页面由许多html元素组成,而每一个html元素都可以表示为一个矩形的盒子,CSS盒模型正是描述这些矩形盒子的存在. MDN的描述: When laying out a document, the browser's rendering engine represents each element as a rectangular box according to the standard CSS basic box model. CSS determines the si…

1.CSS语法 2.@规则 3.注释 4.层叠 5.优先级 6.继承 7.值 8.块格式化上下文 9.盒模型 10.层叠上下文 11.可替换元素 12.外边距合并 13.包含块 14.视觉格式化模型 15.布局模式 1.CSS语法 属性:property 值:value CSS声明:property:value; CSS声明块:{ property:value; } CSS规则(CSS规则集):element{ property:value; } 2.@规则 @规则:一个CSS语句 @chars…

前言 最近发现了Github的Student认证,本来想用来注册Digital Ocean搭个梯子,结果注册验证不能用VISA借记卡=~=. 那么在这漫长的清明节假期里,只有学习能满足空虚的内心(划掉),疲劳刷完了,只有学习一个! thinkful提供了HTML/CSS, JavaScript入门教程,Github说是一月,但thinkful发的邮件里只有2周..就三个单元,应该能学完吧(望天). 1. Unit 1 Html CSS 与 版本控制 1.1 网页基础 1.1.1 使用CodePe…

盒子模型(CSS basic box model):When laying out a document, the browser's rendering engine represents each element as a rectangular box according to the standard CSS basic box model. CSS determines the size, position, and properties(color, background, bord…

css笔记1.选择器(selecter)共9种 a.类型选择器 p{},body{} b.后代选择器 p h1{} c.ID选择 #idname{} d.类选择 .classname{} e.通用选择 *{} 页面上所有元素应用样式,利用此可以删除每个元素上默认 浏览器的填充和空白边.可以用来对特定元素的所有后代应用样式,或跳过一级后代 f.伪类选择 a:link{} g.高级选择器 IE6及更低版本不支持,避免在对于站点功能重要的使用高级选择器. 1.子选择器和相邻同胞选择器 子选择器选择元素…