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的样式中
- ⁢ < &ite; <= > > >e;>=
- Html hack的写法
- css hack
-
(1) 选择器hack 特殊符号写在选择器上
(2) 值hack 特殊符号写在 属性前面
值hack
Ie6专用符号是 - 和_ 短横 和 下划线
Ie6和ie7同时专有的hack 属性前面加！或 + 等
Ie8专有的hack 属性值后分号前加 /
Ie6 7 8 9 10同时专有的 是属性值后分号前加9
-
选择器hack
Ie6和ie7专有
*div{}
Ie6和ie7 同时专有
Div,{}
-
渲染 渲染是浏览器的一种能力，将图片文字，样式等展现出来
向下兼容：新属性值在高版本浏览器出，向低版本处理的这种方法。
Bfc规范
-
Bfc规范
BFC全称Block Formatting Context ，翻译过来就是"块级格式化上下文"，它是W3C CSS 2.1规范中的一个概念，决定元素如何对其内容定位。
如何让一个元素具有bfc规范呢？
- （1）根元素（2）float属性不为none（3）.position为absolute或fixd
（4）display为inline-block,table-cell,table-capition,flex,inline-flex
（5）.overflow不为visible - BFC的作用（1）给父级元素清除浮动。避免高度塌陷。（2）垂直margin合并（3）在两栏布局内可以用BFC避免浮动兄弟元素的覆盖。
Js
- 1js介绍
Js全称叫javascript，但不是java，他是一门前台语言，而java是后台语言。
Js作者是布兰登艾奇。
前台语言:运行在客户端的
后台语言:跟数据库有关的。
- 2能干什么？
页面特效，开发页面游戏，后台开发等等。
- 3js和ECMAscript的关系
ES不是语言，是js的标准，我们学习js得按es的标准学习。
- 4前端的三个层次
Html 结构层
Css 表现层
Js 行为层
- 5Js写在哪里
因为js和php都是脚本语言，js写在script这个标签里，php写在<?php>标签里。
- 6变量
变量:可以改变的量，往往用英文字母代替变量，并且区分大小写。
变量的定义（声明）: var 加 字母 var a 我声明了一个变量叫a
变量的用途：变量其实是一个容器，起到临时存储数据的作用。
通过=进行赋值。 var a=12;
- 7js语言的输出
alert() 这是js中的一个方法 弹出框
console.log() 浏览器控制台输出，用于代码测试
-
document.write() 在浏览器中写出
- 8js的注释
(1) 单行注释 //
(2) 多行注释 /* 内容 */
- 9常量 不变的量
汉字 数字 往往当做值使用。除了数字之外 要带引号”” ‘’
变量起名的规则:不能使用汉字 区分大小写 不能特殊符号开头除了_ $
_a √ -a × a3 √ 3a ×
带引号和不带引号
带引号的 是什么就输出什么 ----叫字符串
变量不是 变量输出的是他后面的值 如果没有赋值就是undefined
带引号的45是字符串，用+ 只是拼接 没带的是数字 +是四则运算
Js的关键字 var function
- 1js语言的四则运算
（+）纯数字之间就是加法 3+6和字符串之间 + 就是拼接
-
（-）纯数字是减法 和字符串之间 - 还是减
-
（*）纯数字还是乘法和字符串之间 还是乘
-
（/）纯数字是除 和字符串还是除
减乘除 三者有隐式转换的能力。在计算的过程中 将字符串强制转成了数字。
%
取余数
数字
整数（整型）和小数（浮点型）
parseInt() 将字符串强制转换成整型 parseFloat() 将字符串强制转换成浮点型
代码执行顺序是从上往下。一个模块一个模块的执行。
变量提升：浏览器的功能 -
Js代码执行
Js代码执行前，浏览器会给他（js）一个全局环境，叫window（全局作用域）。在window下浏览器找到所有的带var和function的关键字然后给他们分配内存地址。不管你赋值没赋值，浏览器告诉所有的子模块，这个东西存在了。这种能力叫变量提升。
-
变量的值
我们学了两个了，一个是字符串，数字。不管是字符串还是数字，后面的值统统称为数据。
数据的类型有哪些？
字符串 数字 数组 json 对象 布尔 null undefined 函数
基本和复合类型
运算
1.四则运算 + - * /在一起 先算* / 后算加减
2.逻辑运算 或（||） 且（&&） 非（!） 结果是布尔 true和false
3.比较运算 > >= < <= !(取反) == （双等号）
= 是赋值运算 结果是true和false
=== 全等 数据的类型和值都一样 不全等于 !==
-
== 也有隐式转换的能力
- （1）根元素（2）float属性不为none（3）.position为absolute或fixd