前端day0528

内部盒子溢出,可以使用overflow 处理溢出

margin: 0 auto; 盒子居中的方法这样来写.

text-align: center; 内容居中

float:left; 向左浮动

float:rigth ; 向右浮动

id选择是#id{}
class 选择 是.class{}
把里面的盒子向里面移动,就要调整里面的盒子外边距.

可以调整 上下左右的外边距.

margin-left: 左外边距

margin-rigth: 右外边距

margin-top: 上外边距.

id和class的区别

https://blog.****.net/zipper9527/article/details/7355463

首先，介绍id和class的区别：
1、id是一个标签，用于区分不同的结构和内容；id是先找到结构/内容，再给它定义样式；class是一个样式，可以套在任何结构和内容上；class是先定义好一种样式，再套给多个结构/内容。
2、id是元素的名称，可以供js或其它脚本程序来访问该元素对象，而class是该元素的css类名。
3、定义样式时，id="aa"的用#aa{…}，class="bb"的用.bb{…}。

4、class是全局属性，id是局部属性。

然后，形如下面的代码：

\#aa{ width:300px; height:50px;background-color:Red;} .bb{ width:100px; height:300px; background-color:blue;} 这样的，会如何显示呢？ 答案是：显示为宽300，高50，背景为红色的test文本块。因为class是全局属性，id是局部属性，所以，显示的样式是class定义了这个属性后，再加上id新定义的属性。当class和id属性重复时，取id的属性。有点类似于程序设计中的父子继承关系。

html什么时候用id选择器什么时候用class选择器？

在一个块或者几个块中使用class选择器，而在页面只出现一次的元素属性中使用id选择器。

打个比方，就以一个Blog来说。一个Blog只会有一个头部，用于放置Blog的名称和Logo之类的信息。因为就只有这么一个，所以定义id是最适合的，没有其他的地方与头部类似。而在Blog首页可以显示多篇文章，一般都是10篇，那么每篇文章的内容区域都有一个类似的样式，所以定义class是最合适的，因为有10个同样样式的部分，为同一个class定义样式可以应用于10个拥有同样的class值得元素上。

也就是说，只有一个独立样式的元素适合用id，而有多个元素拥有同样的样式的话适合使用class。

在css中
id前面是要加一个#

class前面要加一个.

JavaScript DOM 是重点

js写完每一行要以;分号隔开.

document.write(); //输出框

window.alert(); //这是一个警示框

var age = prompt(“请输入您的年龄”); //输入提示,输入的默认是字符串

document.write(typeof(age)); //打印输入的内容是什么类型.

变量:保存数据的容器

变量命名规则: 必须使用小驼峰命名法.

js 严格区分大小写.

JavaScript基础数据类型

数组可以保存任意类型的多个数据, 可以用下标取值.下标从0开始取值.最后一个下标值是长度-1. 没有负数下标. 不能像Python一样根据下标截取数组.

Object类型相当于 Python的字典.

示例:

var name_age = {
username: ‘wang’,
age: 45
}
document.write(name_age[‘username’]) //[]中一定要加’’ 单引号.

输入的内容默认是字符串,如果输入数字需要参与运算,需要使用 Number(input内容) 将输入的内容转换为数值.

JavaScript基础-运算符

JavaScirpt中的运算符主要分为
算术运算符：+ - * /(除) %(取余) ++ –
赋值运算符：= += -= *= /= %=
关系运算符：== =(绝对等于：值和类型相等) != !(值或类型不相等) > < >= <=
逻辑运算符：&& || !
三元表达式：variablename=(condition)?value1:value2

Js的== 和=== 是有区别的.

==不会判断数据类型,只要表现形式一样就为真. (等等于)

=== 会判断值和数据类型,只有绝对保持一致,才会为真. (绝对等于)

Js的!=和!==

!= 不会判断值和数据类型. (不等于)

!== 会判断判断数据类型. (绝对不等于)

Js的switch 的数据类型要绝对等于才能触发.

)

Js的!=和!==

!= 不会判断值和数据类型. (不等于)

!== 会判断判断数据类型. (绝对不等于)

Js的switch 的数据类型要绝对等于才能触发.