- 博客(27)
- 收藏
- 关注
原创 前端学习- location
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2022-03-09 19:15:08 358
原创 前端学习-JS键盘移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl...
2022-03-09 17:20:49 191
原创 前端学习-JS鼠标拖拽+显示坐标
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl...
2022-03-09 17:19:42 544
原创 前端学习-CSS动画奔跑的小人
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2022-02-11 21:40:42 546
原创 前端学习-CSS浮动练习
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2022-02-06 14:54:37 101
原创 前端学习-综合案例-表单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2022-02-05 14:51:09 1747
原创 前端学习-综合案例-学生信息表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2022-02-05 14:09:24 190
原创 前端学习-input表单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2022-02-05 12:59:57 358
原创 前端学习-练习小项目
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=5.0"> <title&...
2022-02-05 10:20:11 340
原创 前端学习-Javascript图片切换
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&...
2022-01-29 11:00:04 1149
原创 前端学习-CSS动画
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title> <style> * { padding: 0; margin: 0; } .clock { ...
2022-01-19 16:50:27 247
原创 前端学习-CSS京东导航栏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>京东顶部的导航条</title> <!-- 引入重置样式表 --> <link ...
2022-01-15 11:01:30 465
原创 前端学习-CSS字体族
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 字体族 分类 font-family: ""; 可选值: */ /* 可以讲服务器中的字体发送给用户来使用 */ @font-face { ...
2022-01-13 17:05:27 265
原创 前端学习-CSS相对 固定 绝对 粘滞定位 元素层级
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title> <style> .box1{ height: 200px; width: 200px; background-color: ...
2022-01-12 18:51:13 270
原创 前端学习-BFC和clear的作用
<head> <link rel="stylesheet" href="../css/reset.css"> <meta charset="UTF-8"> <title>Document</title> <style> .box { width: 100px...
2022-01-11 23:23:33 243
原创 前端学习-CSS浮动的特点
<!DOCTYPE html><html lang="zh"><head> <link rel="stylesheet" href="../css/reset.css"> <meta charset="UTF-8"> <title>Document</title> <style> .box{ width: 200px;...
2022-01-11 20:43:40 160
原创 前端学习-CSS轮廓阴影圆角
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title> <style> .box{ width: 200px; height: 200px; background-color: b...
2022-01-11 18:26:02 219
原创 前端学习-CSS仿京东网页.1
<!DOCTYPE html><html lang="zh"><head> <link rel="stylesheet" href="../css/reset.css"> <meta charset="UTF-8"> <title>Document</title> <style> .img-list{ width: 190...
2022-01-10 21:38:14 218
原创 前端学习-CSS清除浏览器默认样式
reset.css样式清楚表 导入即可body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }body { background:#fff; color:#555; font-size:14px; font-family: "Microsoft YaHei", Arial, H..
2022-01-10 20:06:47 534
原创 前端学习-CSS行内元素-块元素-行内块元素
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 行内元素的盒模型 行内元素不可以设置宽度并高度但不独占一行 块元素可以设置宽度与高度但是需要独占一行 行内块元素可以设置宽度与...
2022-01-10 16:24:02 249
原创 前端学习-水平与垂直布局
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 横向 谁设置成auto就自动调整谁 */ .box1{ width:auto; height: 100px;...
2022-01-09 22:38:34 117
原创 前端学习-CSS盒子内边距-边框-外边距
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title> <style> .box{ width: 200px; height: 200px; background-col...
2022-01-09 20:40:55 143
原创 前端学习-CSS像素与百分比
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title><style> .box1{ width: 200px; height: 200px; background-color: orange; ...
2022-01-09 12:49:56 270
原创 前端学习-CSS继承与选择器权重优先级
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 样式的继承可以应用到后代 */ p{ color:blue; background-color: red;...
2022-01-09 12:24:12 239
原创 前端学习-CSS伪元素
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title> <style> p{ color:red; font-size: 20px; } /* 第一个字 */ ...
2022-01-08 14:23:40 193
原创 前端学习-CSS超链接的伪装
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 未点击 */ a:link{ color: springgreen; font-size: 20px; ...
2022-01-08 13:41:27 565
原创 前端学习-CSS选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 选择器的种类分为 */ /* 常规 */ div{ color: red; } ...
2022-01-08 13:03:38 180
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人