20170531学习笔记整理

一.精通CSS第八章布局

1.CSS好处之一：控制页面布局而不需要使用表现性布局。

2.CSS布局难点：

  ①各种不一致的浏览器。

  ②Web不同布局技术的激增。

3.CSS的学习目标：理解这门语言&实现修改的能力。

4.计划布局：提前确定不同内容类型的细节，如定义将要使用的元素、颜色编码、尺寸等信息。

5.将主内容区域放在最前面的原因：

  ①主内容是页面上最重要的信息，应最先在文档中出现。

  ②方便屏幕阅读器用户找到主要内容。

6.布局隐患（元素尺寸问题）：

  ①标准的浏览器中，如果元素的内容太大，它会超出框外。

  ②IE浏览器中，如果元素的内容太大，整个元素都会扩展。

7.因为主、次内容是浮动的，不再在文档流中占据任何空间。导致页脚上升，为了避免这种情况，需要对它们的父元素（这里是<div class=”content”>）应用溢出方法，从而清理浮动元素：.content{overflow:hidden;}

8.创建一个三列浮动布局并不需要完全构造一个新的，可以将一个两列布局嵌入其中，再加一列。

9.固定宽度(pixel)、流式(%)和弹性(em)布局：

  ①固定宽度缺点：无法充分利用可用的空间，行长&文本易读性体验较差。

  ②流式布局高效利用空间，缺点：大分辨率显示器上，行仍然会过长，相反，在窄窗口或增加文本字号时，行会变得非常短，内容很零碎。

  ③为防止缩小页面导致某个元素被“挤下去”可设置：max-width&min-width

  ④弹性布局相对于字号来设置元素的宽度，缺点：不能充分利用空间，同时，增加文本字号会使整个布局变大（容器div上添加100%的max-width属性）。

  ⑤大多数浏览器默认字号：16px

  ⑥容器宽度以em为单位/内部宽度仍使用%

10.padding-bottom:180px;margin-bottom:-170px;

11.CSS3列：-webkit-column-(属性值：count/width/gap/rule)

 

二.JS高级程序设计（3）

1.学习目标：全面深入理解JavaScript。

2.尼古拉斯·泽卡丝：世界顶级的JS开发人员。

3.由浅入深：表达式、变量声明→闭包→面向对象开发。

 

JS第一章

1.目标：

  ①JS历史回顾

  ②JS是什么

  ③JS&ECMAScript

  ④JS不同版本

2.JS诞生于1995年。

3.能处理复杂的计算和交互，拥有闭包、匿名函数、元编程等特性。

三.英国简史序：

历史涉及的只是一个民族生活的极小部分。人民的大部分生活和艰辛创业，过去和未来都不会有文字记载。《便西拉智训》中有一句大家熟知的名句：“有的人湮没无闻，他们死去，无人知晓，仿佛他们从未来过这个世界一样。”

历史学家在追述少数流芳百世的人物时，应永远记住还有许许多多未留下踪迹的人们。他们可能是千百年前的农夫或工匠，过着艰难困苦的生活，随时可能屈从于入侵者的暴力。他们也可能是千千万万个小康境遇的无名小卒，而他们的幸福却常处于被当时的政权和制度吞噬的危险之中。