括号法解读英语句子
括号法解读英语句子目标：
理解能力：读懂句子
表达能力：写出句子
基本知识:
主语：句子描述的对象
谓语：用来描述主语
谓语动词：谓语部分中的核心的动词；一个单句有且只有一个谓语动词！
eg:
李辉教英语
李辉帅。LiHui is handsome.
句子=主干结构+修饰结构
主干结构：
主谓 I come.
主谓宾 I love you.
主谓宾宾 I give you my heart.
主谓宾补 You make me happy.
主系表 You are my everything.
修饰结构：
短：
形容词 This is a big box. Let me tell you something interesting.（不定代词）
副词 I really love you.
长：“四朵金花”导致英语语序和中文并不一样！
介词短语 I love you (in my heart). （介词….名词）
从句 LiHui i ...
Javascript基础
Javascript基础编程基础「计算机语言」分为机器语言，汇编语言，高级语言。计算机内部最终执行的都是机器语言，由0和1这样的二进制数构成。
「数据存储单位」8bit(比特) = 1B(Byte)字节 千字节1KB = 1024B
「翻译器」高级语言编写的程序不能被计算机识别，需要经过转换，将源代码程序翻译成机器语言才能运行。浏览器里面的js解释器就是这样的一个翻译器。
「程序运行」
打开某个程序时，先从硬盘中把程序的代码加载到内存中
CPU执行内存中的代码
注意：之所以要内存的一个重要原因，是因为 cpu运行太快了，如果只从硬盘中读数据，会浪费cpu性能，所以，才使用存取速度更快的内存来保存运行时的数据。（内存是电，硬盘是机械）
初识JavaScript「创始人」布兰登·艾奇(Brendan Eich),起初命名为LiveScript后来与Sun公司合作改名为JavaScript。
「JavaScript」运行在客户端的脚本语言，不需要编译，由js解释器(js引擎)逐行解释执行。Node.js也可以用于服务器端编程。
「JavaScript组成」ECMAScript(Java ...
CSS浮动
浮动「1. CSS布局的三种机制」1网页布局的核心——就是用CSS来摆放盒子。
CSS 提供了3种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中：
A. 普通流（标准流）
块级元素会独占一行，从上向下顺序排列；
常用元素：div、hr、p、h1~h6、ul、ol、dl、form、table
行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行；
常用元素：span、a、i、em等
B. 浮动
让盒子从普通流中浮起来,主要作用让多个块级盒子一行显示。
C. 定位
将盒子定在浏览器的某一个位置——CSS 离不开定位，特别是后面的 js 特效。
「2. 什么是浮动」元素的浮动是指设置了浮动属性的元素会：
脱离标准普通流的控制,不占位置，脱标
移动到指定位置。
作用
让多个盒子(div)水平排列成一行，使得浮动称为布局的重要手段。
可以实现盒子的左右对齐等等。
浮动最早是用来控制图片，实现文字环绕图片效果。
float属性会改变元素的display属性，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。生成的块级框和 ...
英语语法概念系统
本文简要介绍了英语的全部语法体系
CSS盒子模型
概述CSS学习三大重点： css 盒子模型 、 浮动 、 定位
网页布局的本质
首先利用CSS设置好盒子的大小，然后摆放盒子的位置。
最后把网页元素比如文字图片等等，放入盒子里面。
1. 盒子模型(Box Model)
盒子模型就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。
盒子模型由元素的内容、边框（border）、内边距（padding）、和外边距（margin）组成。
盒子里面的文字和图片等元素是 内容区域
盒子的厚度 我们称为为盒子的边框
盒子内容与边框的距离是内边距
盒子与盒子之间的距离是外边距
W3c标准盒子模型标准 w3c 盒子模型的范围包括 margin、border、padding、content
当设置为box-sizing: content-box;时，将采用标准模式解析计算，也是默认模式；
内盒尺寸计算(元素实际大小)
宽度：Element Height = content height + padding + border （Height为内容高度）
高度：Element Width = content width + ...
CSS属性
CSS字体样式「1. font-size」
font-size属性用于设置字号(字体大小)
谷歌浏览器默认的文字大小为16px
不同浏览器可能默认显示的字号大小不一致，我们尽量给一个明确值大小，不要默认大小。一般给body指定整个页面文字的大小。
1p { font-size:20px; }
单位
相对长度单位、绝对长度单位
「2. font-family」font-family属性用于设置哪一种字体。
1p { font-family:"微软雅黑";}
指定多个字体，如果浏览器不支持第一个字体就会尝试下一个直到找到合适的字体，如果都没有，以电脑默认字体为准。
1p {font-family: Arial,"Microsoft Yahei", "微软雅黑";}
CSS Unicode字体
在 CSS 中设置字体名称，直接写中文是可以的。但是在文件编码（GB2312、UTF-8 等）不匹配时会产生乱码的错误。
xp 系统不支持 类似微软雅黑的中文。
解决方案 ...
CSS选择器
选择器简介「1.1作用」选择器（选择符）就是根据不同需求把不同的标签选出来，这就是选择器的作用。简单来说，就是选择标签用的。 CSS做了两件事：
找到标签（选对人）
设置这些标签的样式（做对事）
「1.2分类」在CSS中，可以根据选择器类型把选择器分为基础选择器和复合选择器。
基础选择器是由单个选择器组成的
基础选择器又包括：标签选择器、类选择器、id选择器、通配符选择器
复合选择器是建立在基础选择器之上，对基础选择器进行组合形成的。
复合选择器可以更精准，更高效的选择目标元素（标签）
复合选择器是有两个或多个基础选择器，通过不同的方式组合而成的
常用的复合选择器包括：后代选择器，子选择器，并集选择器，伪类选择器等
基础选择器「2.1标签选择器」标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。
作用: 标签选择器可以把某一类标签全部选择出来，比如所有的div标签和所有的span标签。
优点: 能快速为页面中同类型的标签统一设置样式。
缺点: 不能设计差异化样式，只能选择全部的当前标签。
1234 ...
CSS基础
CSS简介「1.1HTML的局限性」
HTML满足不了设计者的需求，可以将网页结构与样式相分离，这样就可以在不更改网页结构的前提下，更换网站的样式。
操作html属性不方便
HTML里面添加样式带来的是无尽的臃肿和繁琐
「1.2CSS网页美容师」CSS是层叠样式表(Cascading Style Sheets)的简称,有时我们也会称之为CSS样式表或级联样式表，CSS是也是一种标记语言。主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片外形(宽高、边框样式、边距等）以及版面布局和外观显示样式。CSS让我们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS可以美化HTML，让HTML更漂亮，让页面布局更简洁。
总结：
HTML主要做结构，显示元素内容.
CSS美化HTML，布局网页.
CSS最大价值：由HTML专注去做结构呈现，样式交给 CSS，即结构(HTML)与样式(CSS)相分离
「1.3CSS语法规范」使用HTML时，需要遵从一定的规范，CSS也是如此。要想熟练地使用CSS对网页进行修饰，首先需要了解CSS样式规则。 CSS规则由两个主 ...
HTML基础
HTML基础HTML初识「HTML」(Hyper Text Markup Language):超文本标记语言
「所谓超文本，有2层含义：」
因为它可以加入图片、声音、动画、多媒体等内容（超越文本限制 ）
不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。
「HTML骨架格式」
1234567891011<!-- 页面中最大的标签 根标签 --><html> <!-- 头部标签 --> <head> <!-- 标题标签 --> <title></title> </head> <!-- 文档的主体 --> <body> </body></html>
「团队约定大小写」
HTML标签名、类名、标签属性和大部分属性值统一用小写
「HTML元素标签分类」
常规元素(双标签)
空元素(单标签)
12345常规元素(双标签)< ...
测试
代码块的演示
