2022年信息学部物联网工程学院学生科协第二次网页大培训

CSS的拓展

2022年信息学部物联网工程学院学生科协第二次网页大培训_第1张图片

border 边框

2022年信息学部物联网工程学院学生科协第二次网页大培训_第2张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第3张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第4张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第5张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第6张图片

margin:外边距

2022年信息学部物联网工程学院学生科协第二次网页大培训_第7张图片

padding:内边距

2022年信息学部物联网工程学院学生科协第二次网页大培训_第8张图片

盒模型

2022年信息学部物联网工程学院学生科协第二次网页大培训_第9张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第10张图片

元素分类

2022年信息学部物联网工程学院学生科协第二次网页大培训_第11张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第12张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第13张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第14张图片

定位

2022年信息学部物联网工程学院学生科协第二次网页大培训_第15张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第16张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第17张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第18张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第19张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第20张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第21张图片

浮动

2022年信息学部物联网工程学院学生科协第二次网页大培训_第22张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第23张图片

图片浮动

样例: https://www.w3school.com.cn/tiy/t.asp?f=css_layout_float_2

JS的拓展

JavaScript 代码书写的位置

2022年信息学部物联网工程学院学生科协第二次网页大培训_第24张图片

简单应用

在这里插入图片描述

JavaScript基本语法

变量

2022年信息学部物联网工程学院学生科协第二次网页大培训_第25张图片

数组

2022年信息学部物联网工程学院学生科协第二次网页大培训_第26张图片

对象

2022年信息学部物联网工程学院学生科协第二次网页大培训_第27张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第28张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第29张图片

for循环2022年信息学部物联网工程学院学生科协第二次网页大培训_第30张图片

获取节点

2022年信息学部物联网工程学院学生科协第二次网页大培训_第31张图片
2022年信息学部物联网工程学院学生科协第二次网页大培训_第32张图片

事件

2022年信息学部物联网工程学院学生科协第二次网页大培训_第33张图片

你可能感兴趣的:(基础入门,软件,html,前端,css)