hao are you!

10.11

,改变元素的性质的三种方式，position display float。

行级元素和行级块元素的margin的上下不起作用了，左右还行。

占位:针对标准流来说

元素添加float position 元素不会占位（脱离标准流），

10.12

浏览器的差距

浏览器默认字体是16px，谷歌的最小字体是12px，其他的是10px。

ie6 ie7 ie8

Hack

Hack就是针对不同的浏览器去写不同的HTML、CSS样式，从而让各浏览器能达到一致的渲染效果。

Hack分两种写法

Html的hack：写在html的标签中

Css的hack：写在css的样式中

1. &it; <   &ite; <=  &gt; >  &gte;>=
2. Html hack的写法
3. css hack

4. (1)      选择器hack  特殊符号写在选择器上

   (2)      值hack   特殊符号写在 属性前面

   值hack

   Ie6专用符号是 - 和_  短横 和 下划线

   Ie6和ie7同时专有的hack 属性前面加！或 + 等

   Ie8专有的hack 属性值后分号前加 /

   Ie6 7 8 9 10同时专有的 是属性值后分号前加9

5. 选择器hack

   Ie6和ie7专有

   *div{}

   Ie6和ie7 同时专有

   Div,{}

6. 渲染 渲染是浏览器的一种能力，将图片文字，样式等展现出来

   向下兼容：新属性值在高版本浏览器出，向低版本处理的这种方法。

   Bfc规范

7. Bfc规范

   BFC全称Block Formatting Context ，翻译过来就是"块级格式化上下文"，它是W3C CSS 2.1规范中的一个概念，决定元素如何对其内容定位。

   如何让一个元素具有bfc规范呢？

   1. （1）根元素
      （2）float属性不为none
      （3）.position为absolute或fixd
      （4）display为inline-block,table-cell,table-capition,flex,inline-flex
      （5）.overflow不为visible
   2. BFC的作用（1）给父级元素清除浮动。避免高度塌陷。（2）垂直margin合并（3）在两栏布局内可以用BFC避免浮动兄弟元素的覆盖。

      　　　　　　Js

      1. 1js介绍

      Js全称叫javascript，但不是java，他是一门前台语言，而java是后台语言。

      Js作者是布兰登艾奇。

      前台语言:运行在客户端的

      后台语言:跟数据库有关的。

      1. 2能干什么？

      页面特效，开发页面游戏，后台开发等等。

      1. 3js和ECMAscript的关系

      　　ES不是语言，是js的标准，我们学习js得按es的标准学习。

      1. 4前端的三个层次

      　　Html  结构层

      　　Css  表现层

      Js   行为层

      1. 5Js写在哪里

      因为js和php都是脚本语言，js写在script这个标签里，php写在<?php>标签里。

   3. 1. 6变量

      变量:可以改变的量，往往用英文字母代替变量，并且区分大小写。

      变量的定义（声明）: var 加 字母  var a   我声明了一个变量叫a

      变量的用途：变量其实是一个容器，起到临时存储数据的作用。

      通过=进行赋值。 var a=12;

      1. 7js语言的输出

      alert() 这是js中的一个方法 弹出框

      console.log() 浏览器控制台输出，用于代码测试

   4. document.write() 在浏览器中写出

      1. 8js的注释

      (1)      单行注释 //

      (2)      多行注释  /*   内容    */

   5. 1. 9常量 不变的量

      汉字  数字  往往当做值使用。除了数字之外 要带引号””   ‘’

      变量起名的规则:不能使用汉字 区分大小写  不能特殊符号开头除了_  $

      _a  √    -a  ×   a3   √    3a   ×

      带引号和不带引号

      带引号的 是什么就输出什么 ----叫字符串

      变量不是 变量输出的是他后面的值 如果没有赋值就是undefined

      带引号的45是字符串，用+ 只是拼接 没带的是数字 +是四则运算

      Js的关键字  var function

      1. 1js语言的四则运算

         （+）纯数字之间就是加法  3+6和字符串之间   + 就是拼接

      2. （-）纯数字是减法　和字符串之间   - 还是减

      3. （*）纯数字还是乘法和字符串之间 还是乘

      4.  

         （/）纯数字是除 和字符串还是除

         减乘除 三者有隐式转换的能力。在计算的过程中 将字符串强制转成了数字。

         %

         取余数 

         数字

         整数（整型）和小数（浮点型）

         parseInt() 将字符串强制转换成整型  parseFloat() 将字符串强制转换成浮点型

         代码执行顺序是从上往下。一个模块一个模块的执行。

         变量提升：浏览器的功能

      5. Js代码执行

         Js代码执行前，浏览器会给他（js）一个全局环境，叫window（全局作用域）。在window下浏览器找到所有的带var和function的关键字然后给他们分配内存地址。不管你赋值没赋值，浏览器告诉所有的子模块，这个东西存在了。这种能力叫变量提升。

      6.  

         变量的值

         我们学了两个了，一个是字符串，数字。不管是字符串还是数字，后面的值统统称为数据。

         数据的类型有哪些？

         字符串  数字    数组   json   对象  布尔  null  undefined  函数

         基本和复合类型

         运算

         1.四则运算 + - * /在一起 先算* / 后算加减

         2.逻辑运算 或（||） 且（&&） 非（!）   结果是布尔  true和false

         3.比较运算  > >= < <= !(取反)  == （双等号）

         = 是赋值运算   结果是true和false

         === 全等  数据的类型和值都一样  不全等于 !==

      7. == 也有隐式转换的能力