前端day0528
内部盒子溢出,可以使用overflow 处理溢出
margin: 0 auto; 盒子居中的方法这样来写.
text-align: center; 内容居中
float:left; 向左浮动
float:rigth ; 向右浮动
id选择是#id{}
class 选择 是.class{}
把里面的盒子向里面移动,就要调整里面的盒子外边距.
可以调整 上下左右的外边距.
margin-left: 左外边距
margin-rigth: 右外边距
margin-top: 上外边距.
id和class的区别首先,介绍id和class的区别:
1、id是一个标签,用于区分不同的结构和内容;id是先找到结构/内容,再给它定义样式;class是一个样式,可以套在任何结构和内容上;class是先定义好一种样式,再套给多个结构/内容。
2、id是元素的名称,可以供js或其它脚本程序来访问该元素对象,而class是该元素的css类名。
3、定义样式时,的用#aa{…},的用.bb{…}。
4、class是全局属性,id是局部属性。
然后,形如下面的代码:
test
\#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 的数据类型要绝对等于才能触发.