image.png
如何设计与构建静态网站 JavaScript基础核心语法 DOM编程艺术 锋利的jQuery ajax异步交互技术 HTTP网络协议
HTML的无序列表 去掉项目符号 符号所占空间 <a>超链接 列表项目 设置文本内容居中 上边框虚线效果
image.png
<ol>标签标示有序列表 <li>标签标示无序列表
image.png
前端入门 组件化网页开发 webApp开发与小程序 Vue与React高级框架开发
image.png
image.png
image.png
css盒子模型 盒子模型是用于设计HTML页面和实现HTML页面布局。
image.png
image.png
image.png
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div {
float: left;
width: 200px;
height: 200px;
background: yellow;
margin: 10px;
}
.box1 {
/*此处填写代码*/
border: 1rpx solid gray;
}
.box2 {
/*此处填写代码*/
border: 1rpx dashed gray;
}
.box3 {
/*此处填写代码*/
border: 1rpx dotted gray;
}
.box4 {
/*此处填写代码*/
border: 1rpx double gray;
}
</style>
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
<div class="box4"></div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.box {
width: 500px;
height: 500px;
border: 4px dashed red;
}
.son {
width: 200px;
height: 200px;
background: yellow;
/*此处填写代码*/
margin-top: 100px;
margin-left: 100px;
}
</style>
</head>
<body>
<div class="box">
<div class="son"></div>
</div>
</body>
</html>
pages 页面路径列表 window 全局的默认窗口表现 tabBar 底部 tab 栏的表现 networkTimeout 网络超时时间
debug 是否开启 debug 模式,默认关闭 functionalPages 是否启用插件功能页,默认关闭 subpackages 分包结构配置 workers Worker 代码放置的目录 requiredBackgroundModes 需要在后台使用的能力
plugins 使用到的插件 preloadRule 分包预下载规则 resizable iPad 小程序是否支持屏幕旋转,默认关闭 navigateToMiniProgramAppIdList 需要跳转的小程序列表 usingComponents 全局自定义组件配置 permission 小程序接口权限相关设置 sitemapLocation 指明sitemap.json的位置
image.png
image.png
image.png
image.png