摘要：
web框架学习 以React为例 1.理清框架应用场景基础知识 因为是一个前端框架所以必然要对JavaScript、CSS、HTML这些知识非常熟悉,尤其是DOM的API,尤其是一个非常容易被忽略的点就是DOM的API,比如Document.createElement这些基本的API应该要了如指掌, 阅读全文
摘要：
第一大步 1.认知、了解（第一印象很重要） 2.该技术解决了什么问题 3.摸清同类技术有哪些 4.了解技术的主要组成部分 5.思考为什么这个技术会出现 第二大步 学语法、学用法 1.视频教学 2.找快速上手视频 3.看入门博客 4.买书看（优先权威书看） 5.看官方文档(硬着头皮看) 过程中多思考、 阅读全文
摘要：
为了约束浮动元素位置,我们页面布局一般采用的策略是: 先用标准流的父元素排列上下位置,之后内部子元素采取浮动排列左右位置,符合网页布局第一准则。 阅读全文
摘要：
浮动特性 加了浮动之后的元素,会具有很多特性,需要我们掌握 1.浮动元素会脱离标准文档流(脱标) 2.浮动的元素会一行内显示并且元素顶部对齐 3.浮动的元素会具有行内块元素的特性 设置了浮动(float)的元素最重要特性 1.脱离标准流的控制（浮）移动到指定位置(动),（俗称脱标） 2.浮动的盒子不 阅读全文
摘要：
一。标准流（普通流/文档流） 所谓的标准流,就是标签按照规定好的默认方式排列 1.块级元素会独占一行,从上而下顺序排列 常用元素:div，hr,p,h1~h6,ul,ol,dl,form,table 2.行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行。 常用元素:span a i e 阅读全文
摘要：
网页元素很多都带有默认内外边距,而且不同浏览器默认也不一致,因此我们在布局前,首先要清除下网页元素的内外边距 * { padding: 0; /* 清除内边距 */ margin: 0; /* 清除外边距 */ } 注意：行内元素为了照顾兼容性,尽量只设置左右内外边距,不要设置上下内外边距,但是转换 阅读全文
摘要：
外边距(margin) margin属性用于设置外边距,即控制盒子和盒子之间的距离 属性 作用 margin-left 左外边距 margin-right 右外边距 margin-top 上外边距 margin-botom 下外边距 外边距典型应用 外边距可以让块级盒子水平居中, 但是必须满足两个条 阅读全文