- 博客(16)
- 收藏
- 关注
原创 任务03-01
一、如何引入JavaScript1.内嵌式:<script>alert("保存密码!")</script>2.外联式:<scriptsrc="app.js"></script>二、console用法1.console.log():在控制台可以打印数字,字符串,字典,数组,变量。2.console.warn():在控制台打印警告。3.console.error():在控制台打印错误。4.console.c...
2021-08-21 22:42:30
101
原创 任务02-08
一、知识点总结二、案例实现1.代码1.1html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>卖座网</title> <link href="css/anli.css" type="text/css" rel="stylesheet" /> <link href="css/iconfont.css" rel
2021-08-16 12:30:44
104
原创 任务02-07
一、服务器字体二、案例实现1.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>任务02-07</title> <link rel="stylesheet" href="css/iconfont.css"> <style> /* @font-face{ font-family: 'ico
2021-08-15 17:05:48
89
原创 任务02-06
一、思维导图二、案例实现1.代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>loding内容的实现</title> <style> @keyframes roll{ 0%{transform: rotate(-90deg);} 50%{transform: rotate(90deg);}
2021-08-14 13:53:43
78
原创 任务02-03
一、怪异盒模型(box-sizing:border-box)1.怪异盒模型的border和padding是内嵌的,不增加盒模型的面积。2.如果内部空间不够,会向外扩展。二、弹性模型
2021-08-08 16:52:48
55
原创 任务02-02
一、设置viewport1.width_device-width:设置宽度为屏幕宽度;2.maximum-scale-1.0:增大缩放比例为1.0:0.25~10.0;3.minimum-scale-1.0:缩小缩放比例为1.0:0.25~10.0;4.user——scalable=no:禁止用户捏合操作;5.initial-scale=1.0:初始化缩放比例。二、媒体查询1.@media only screen and (条件)2.<link href="x/.
2021-08-07 10:06:30
51
原创 任务02-01
目录一、知识点总结二、案例跟做一、知识点总结二、案例跟做<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>表单元素</title> </head> <body> <form action="http://www.baidu.com"> <input type="date..
2021-07-31 14:25:35
82
原创 任务01-05表格表单的知识点的整理
一、表格的使用1.表格(table),表头(thead):行(tr),列(th),有加粗且居中,表身(tody):行(tr),列(td)。2.当给table标签设置border标签的时候,会因为table本身有标签以及表格也有标签,会出现多条线,此时需要设置cellspacing="0"。3.rowapan:合并行,colspan:合并列。二、表单1.from表单1.axtion:后台地址;2.method:请求方式。post:不会明文,更加安全,传输内容比较大(比如上传.
2021-07-29 18:14:21
541
原创 任务01-04
一、相对定位二、绝对定位1. 当div撑开图片后有空隙的时候,使用vertical-align:middle解决。2.一般一个东西盖在别的东西上面的时候用定位。三、固定定位·1. 层级:同时定位在一个位置上的元素,谁在文档后面的谁的层级高(在上面)。2.设置层级:z-index值越大层级越高,不设置的时候默认是小于1。四、居中问题1.块属性元素水平居中:margin:0 auto;2.其他属性元素居中:给父元素设置text-algin(默认是l...
2021-07-26 13:14:42
71
原创 任务01-03
HTML:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <link href="css/index.css" type="text/css" rel="stylesheet"/> <title></title> </head> <body> <div class="main"> <!--
2021-07-23 13:56:10
76
原创 任务01-02
一、标签知识点整理1.块属性标签1.1块标签的种类1.div标签,最常用标签,常用来划分区域和布局。2.p标签,段落标签,放置文字,有语意。3.标题标签(h1-h6,h1标签只写一个)。4.列表标签:无序列表:<ul><li>......</li></ul> 有序列表:<ol><li>......</li><ol>(其中的li标签一般不独自使用...
2021-07-22 10:54:56
145
原创 任务01-01-盒子模型
前言盒子模型是html+css中最核心的基础知识,理解了这个重要的概念才能更好的排版,进行页面布局,因此这是非常重要的一个部分。盒子模型基础知识的思维导图:三角形和沙漏模型的制作:1.1代码展示2.1样品展示1.2代码展示2.2.样品展示...
2021-07-21 15:51:09
74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人