贺卡页面的小问题与知识点

1、html中标签的属性和=号最好连接在一起。

问题图

正确写法：属性和属性值都是连接在一起的。

正确图

2、css有很多样式，记住常见的样式，其余的作为参考

常用样式有：
修饰文字的:font-size,font-weight,line-height,等
盒子模型： border,padding,margin,width,height
背景:backgroudn类的
位置相关：position,float
布局相关：等

参考网站：https://www.runoob.com/css/css-tutorial.html
所有不会的样式，去百度搜索，或者去这个网站查询常见的样式

注意点：css的选择器很重要

3、在javascript中，多写一些JavaScript代码让自己更明白具体代码的意思。

我们在html的页面里面对应的div标签写了id属性

案例图

Var page1 = Document.getElementByID(“page1”) //阅读起来就知道，通过ID获取文档的元素。

//获取元素之后呢，
 //元素的`点`语法相当于`的`，page1的样式(style)的显示(display)等于空，然后page1就不显示了。
page1.style.display = ‘none’; 

4、html页面上的元素，可以被我们点击，触摸，等操作。页面监听我们做的一些操作。

案例图

page1添加一个监听事件，开始触摸的事件
触摸的时候调用函数，函数里面的功能为让page1消失，然后显示page2