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

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

上一篇:动手使用ABAP Channel开发一些小工具,提升日常工作效率


下一篇:如何监控业务的响应速度?Cloud Insight SDK 实践分享