Zy82828的博客

原创 Markdown编辑器

markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：Ctrl/Command + I标题：Ctrl/

原创 JavaScript初步

js的组成部分：ECMAScript 和 Web APIs，其中Web APIs又分为：DOM 和 BOM。

原创 弹性盒子——flex布局

justify-content：space-between（项目均匀的分布在一行中，项目与项目之间的距离是相等的，项目距边缘没有距离）justify-content：space-around（项目均匀的分布在一行中，项目与项目之间的距离，是项目距边缘的二倍）6.align-content：space-evenly（伸缩项目之间的距离是相等的，且与和边缘的距离相同）4.align-content：space-around（伸缩项目之间的距离是相等的，且是边缘的二倍）属性名：flex-basis：；

原创 CSS定位装饰

如果：盒子的宽高除以2不是很好算，可以使用属性：transform：translate(-50%,-50%);子绝父相（子级绝对定位，父级相对定位）：子级就近查找父级。2.设置边框圆角为盒子宽高的一半——border-radius:50%绝对定位的盒子具备行内块元素的特点，加宽高生效。通过left，right，top，bottom来控制距离，单位依旧是px。绝对定位：即相对于非静态定位的父元素进行定位移动(先找已定位的父级）这里的50%是左边缘移到浏览器的50%，然后在移动盒子宽高的一半即可。

原创 CSS浮动

标准流：又称文档流，是浏览器在渲染网页内容是默认采用的一套排版规则。要先找父级，在父级中创建子集标签。2.优势：减少对于HTML中类的依赖，有利于保持代码整洁。1.作用：根据元素在HTML中的结构关系查找元素。n取值为0、1、2、3、4、5、6、......伪元素：一般页面中的非主体内容可以使用伪元素。3.场景：常用于查找某父级选择器中的子元素。2.伪元素：由CSS模拟出的标签效果。1.元素：HTML设置的标签。例：最终结果为"老鼠爱大米"2.伪元素默认是行内元素。例：换行会产生一格空白。

原创 CSS盒子模型

例如：border：10px soild red;soild(实线线段) dashed(虚线线段) dotted(点线)内容区域(content)、内边距区域(padding)、边框区域(border)、外边距区域(margin)2.浏览器在渲染网页时，会将网页中的元素看作一个矩形区域，我们将其称为盒子。作用：利用width和height属性默认设置是盒子内容区域的大小。属性值：单个取值的连写，取值之间以空格隔开。”，通过盒子的视角可以更方便的进行布局。常见取值：数字+px。属性名：border。

原创 CSS进阶——元素显示模式和CSS特性

display：inline-block 转换成行内块元素 较多。块级元素一般作为大容器，可以嵌套：文本、块级元素、行内元素、行内块元素等...2.给同一个标签设置相同的样式，此时样式会层叠覆盖，最终写在最后的样式会生效。1.给同一个标签设置不同的样式，此时样式会层叠叠加，会共同作用在标签上。p标签中不要嵌套div,p,h等块级元素，p和h不能相互嵌套。2.h系列标签的font-size会继承失效。特点：子元素有默认继承父元素样式的特点。1.a标签的color会继承失效。

原创 CSS进阶——背景

1.背景颜色默认值是透明：rgba(0,0,0,0),transparent。1.方位名词取值和坐标取值可以混用，第一个取值表示水平，第二个取值表示垂直。2.不仅可以用英文单词来表示位置，还可以用像素来表示。3.背景图片仅起到装饰作用，无法撑开盒子。2.背景图片默认在水平和垂直方向平铺。1.背景图片中url中可以省略引号。2.背景颜色不会影响盒子的大小。3.若图片超出盒子，则无法看见。

原创 CSS进阶——选择器进阶

若想选中子标签，则需在父选择器后写入子选择器，选择器与选择器之间用>号隔开，此选择器只能选中子代，无法选中其他后代。若想选中子标签，则需在父选择器后写入子选择器，选择器与选择器之间用空格隔开，此选择器可以选中所有后代。作用：选中鼠标悬停在元素上的状态，设置样式。作用：若标签有重叠的情况，交集选择器可以准确选中想要的标签。效果：p,div,span,h1标签变红，h2不变。方法：将嵌套关系中的父与子选择器之间加点(.)方法：选择器与选择器之间用逗号隔开。方法：选择器名后加一个冒号。#hover伪类选择器。

原创 CSS初步——调试工具和两个拓展

其中element为HTML骨架，styles为编写的CSS,可在此处快速检查是否出错。在此处可以用鼠标选中对其进行微调，切记要回到VScode中修改并保存。1.排错：以谷歌为例，在谷歌页面点击鼠标右键选中检查。属性名：margin：0 auto。排错和调试工具便于后续检查代码。注意：在CSS中加入这个。2.标签水平居中方法。

原创 CSS初步——文字的字体和文本样式

直接在CSS中输入字体名即可 例font-family：宋体，也可自行选择。如：无衬线字体，衬线字体和等宽字体；注意：若同时设置单独和连写形式，要么把单独的样式写在连写的下面，要么把单独的样式写在连写的里面。所谓样式重叠问题，就是给同一种标签设置了相同的样式，这个标签该如何渲染呢?若多种字体之间用逗号隔开，则按照电脑是否拥有此字体哟此执行。注意：若字体名称中存在多个单词，适合用引号包裹；结果：样式会覆盖，此时写在最下面的样式会生效。注意：一定要加单位px，否则字体的大小不变。

原创 CSS初步——CSS中的引入方式及选择器

1.内嵌式：CSS卸载style标签中，通常写在head标签中，在title的下方。2.外联式：CSS卸载一个单独的.css文件中，需要link标签在网页中引入。1.标签选择器：就是以标签命名的选择器，对其选中的所有标签都生效。3.行内式：CSS写在标签的style属性中。

原创 语义化标签

1.无语义2.有语义。

原创 input相关使用，表单标签

给按钮添加显示文字用：value。表单预标签：form。

原创 相对路径相关点

原创 表格相关内容

caption 表格大标题 表示表格整体大标题，默认在整体顶部居中位置显示。colspan 合并单元格的个数 跨列合并，将多列的单元格水平合并。rowspan 合并单元格的个数 跨行合并，将多行的单元格垂直合并。只有同一个结构标签中的单元格才能合并，不能跨结构标签合并（不能跨：thead,tbody,tfoot)

原创 列表的标签

dl 表示自定义列表的整体，用于包裹dt/dd标签。dd 表示自定义列表的针对主题的每一项内容。标签名 说明。dt/dd标签可以包含任意内容。#注意：dl标签中只允许包含dt/dd标签。*注意点：ul标签中只允许包含li标签。*li标签中可以包含任何内容。

原创 HTML标签

音频标签 <audio src="----" controls></audio>视频标签 <video src="----" controls></video>strong 加粗。del 删除线。ins 下划线。em 倾斜。controls 显示播放的控件。controls 显示播放的控件。autoplay 自动播放。autoplay 自动播放。