Css基础和Js基础

定位的盒子居中显示

★:margin:0 auto; 只能让标准流的盒子居中对齐。
★定位的盒子居中：先左右走父元素盒子的一半50%，在向左走子盒子的一半(margin-left:负值。)

标签包含规范

div可以包含所有的标签。
p标签不能包含div h1等标签。
h1可以包含p，div等标签。
行内元素尽量包含行内元素，行内元素不要包含块元素。

规避脱标流

尽量使用标准流。
标准流解决不了的使用浮动。
浮动解决不了的使用定位。

图片和文字垂直居中对齐

vertical-align对inline-block最敏感。默认属性是:vertical-align:baseline;

Css可见性

overflow:hidden; 溢出隐藏
visibility:hidden; 隐藏元素 隐藏之后还占据原来的位置。
display:none; 隐藏元素 隐藏之后不占据原来的位置。
Display:block; 元素可见
Display:none 和display:block 常配合js使用。

Js书写位置

内嵌式和外链式

输出消息的几种方式

1.alert() 在页面弹出一个对话框，早期JS调试使用。
2.Confirm() 在页面弹出一个对话框, 常配合if判断使用。
3.console.log() 将信息输入到控制台，用于js调试。
4.prompt() 弹出对话框，用于接收用户输入的信息。
5.document.write()在页面输出消息

变量的命名规范

不能以数字或者纯数字开头来定义变量名。
不推荐使用中文来定义变量名。
不能使用特殊符号或者特殊符号开头(-除外);
不推荐使用关键字和保留字来定义变量名。

数据类型

简单数据类型

◆Number 数字类型
包含正数 负数 小数

数字类型的表达方式

★十进制表示法
★十六进制表示法
从0-9，a(A)-f(F)表示数字。以0x开头。
★八进制表示法
0开头，0-7组成。
◆字符串 String
凡是用双引号或者单引号引起的都是字符串。
◆布尔数据类型 Boolean
只有2个值一个是true, 一个是false. 实际运算中true=1,false=0
◆undefined 变量未初始化
定义了变量，没有给变量赋值
◆null 变量未引用 值为空 object

复杂数据类型

★ object 对象
★ array 数组

算术运算符

加号

两个数字类型的变量相加，得到的是一个数字类型。
一个数字类型和一个字符串相加，得到的是一个字符串。

减号

两个数字类型的变量相减，得到的是一个数字类型。
一个数字类型和一个数字字符串相减，得到的是一个数字类型。
一个数字类型和一个非数字字符串相减，得到的是NaN,是一个数字类型。
NaN, not a number

除号

两个数字类型的变量相除，得到的是一个数字类型。
一个数字类型和一个数字字符串相除，得到的是一个数字类型。
一个数字类型和一个非数字字符串相除，得到的是NaN,是一个数字类型。
0做为除数的时候，得到结果 Infinity （无限大），是一个数字类型。

取余数

优先级 有()先计算()里边的