自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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-09

一、知识点整理

2021-08-18 16:57:36 79

原创 任务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-05

一、阴影二、渐变三、变形四、过渡五、特效

2021-08-12 21:46:44 45

原创 任务02-04

目录一、选择器二、css变量一、选择器1.目标选择器2.结构性伪类选择器二、css变量

2021-08-12 10:24:22 53

原创 任务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

原创 web入门知识点整理

目录

2021-07-20 21:58:44 517

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除