Web学习
文章平均质量分 92
子曰礼
为了有天能到达相约的地方
展开
-
前端复习——JS(一)
前端复习——JS(一) js基础、函数、作用域、对象、内置对象、数据类型等原创 2022-04-05 15:27:39 · 902 阅读 · 0 评论 -
JS——day01
jsjs简介与语法js书写方式js输入输出语句变量的概念变量命名规则数据类型简单数据类型获取变量数据类型数据类型转换关键字和保留字js简介与语法JS组成:js语法,页面文档对象类型(DOM),浏览器对象模型(BOM)。ECMAScript:规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。文档对象模型(DOM):W3C组织推荐的处理可扩展标记语言的标准编程接口。通过 DOM 提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。浏览器对象模型(BOM)原创 2021-08-01 21:13:51 · 68 阅读 · 0 评论 -
Web——day09——栅格布局
栅格布局栅格布局Test——栅格布局栅格布局——表格栅格布局——嵌套栅格布局<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" /> <style> .mycolor{原创 2021-08-01 16:03:07 · 262 阅读 · 0 评论 -
Web——day08——响应式布局
响应式布局响应式布局单位(1)单位(2)作业:双十一页面响应式布局<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body{ margin: 0; } @media screen and ( max-width : 500px) { div{ backgrou原创 2021-08-01 15:36:10 · 166 阅读 · 0 评论 -
Web——day07——弹性布局
弹性布局弹性布局(1)弹性布局(2)弹性布局(3)Test——垂直弹性子项属性多行水平测轴水平测轴对齐方式对齐Test——京东页面布局弹性布局(1)<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .container{ width: 600px; display: flex;/*父原创 2021-07-31 21:25:55 · 351 阅读 · 0 评论 -
Web——day06——流式布局
流式布局(1)流式布局流式模型(1)流式模型(2)(1)<!DOCTYPE html><html> <head> <meta charset="utf-8" name="viewport" content="width=device-width,user-scalable=no, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0" /> <title></title原创 2021-07-31 20:08:47 · 55 阅读 · 0 评论 -
Web——day05——css3D
CSS-3D效果自定义运动轨迹字体打印效果视距案例:奔跑的熊案例:雪碧图/精灵图3D旋转3D空间旋转效果自定义运动轨迹<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .bool{width: 100px; height: 100px;border-radius: 50%;background-co原创 2021-07-31 19:32:06 · 65 阅读 · 0 评论 -
Web——day04——css2D
2D:默认向右为正方向,顺时针为旋转方向向下的三角旋转180°到向上仓鼠转圈<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> img{ width: 120px; border: 3px solid pink; border-radius: 50%; } i原创 2021-07-29 22:17:46 · 61 阅读 · 0 评论 -
web——day02——html
html基础<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>html</title> </head> <body> <!-- ctrl+shift+/ 注释 --> <!-- html用于标记网页,标记是通过标签完成的 图片:img 链接:a 文字:p/h1/h6原创 2021-07-28 21:40:03 · 68 阅读 · 0 评论 -
Web——day03——CSS
自定义字体<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> /*自定义字体*/ @font-face { font-family:"myfont01"; /*字体的名字,自定义*/ src: url(fonts/icomoon.ttf); /*文件夹名*/原创 2021-07-28 21:13:48 · 58 阅读 · 0 评论 -
Web——Day1——单色进度条
Web基础单色进度条网络默认文件Index.html 网络的默认文件.eg. http://www.baidu.com/index.html = http://www.baidu.com 百度网页的默认文件.md 文件=>快速显示网页=>一般用于学习网站中列出知识点的位置index文件中的基本html< !DOCTYPE html> --声明当前文档类型,告诉浏览器使用什么方式对当前>文档进行解读–>< html> --根目录标签–原创 2021-04-21 21:54:53 · 94 阅读 · 0 评论