grid布局grid一般用来布局整体轮廓；子元素格式默认是block;(flex默认是inline)方式： display:grid;设置列： 一个grid-template-columns代表一行；grid-template-columns...

a链接跟form表单中的样式选取1.a链接标签四种状态a:link{//默认，没有点击访问的状态}a:visited{//已点击访问过得状态}a:hover{//鼠标悬停状态}a:active{激活，鼠标点击按下去的状态}2.表单先看一个表单： ...

浮动仅限于水平方向脱离文档流不会影响前边布局*任何元素浮动后，都具备了块级元素的属性 浮动的本质是为了解决图文并排的问题 浮动元素的高度对于包含块不可见浮动元素可以BFC块，使其不影响后边的布局 定位positionstatic：静态定位，默认...

所有项目在网格中的对齐方式place-items: 垂直方向 水平方向;// 值为start center end方式normal是auto的同义词，默认值为start类似flex中的对齐place-content: space-between sp...

1.什么是em继承祖元素font-size的大小；浏览器的默认字号font-size:16px;font-size属性是可以继承的;则：1em=16px;* em可以设置为宽高，然后通过改变font-size大小来实现改变容器大小2.rem因为em只...

循环do——white入口判断 while(条件语句){执行语句}出口判断://至少执行一次 do{执行语句}while{条件语句}for 循环for(循环条件){ 执行语句}对象循环使用的是for——infor(let key i...

盒模型box-sizing:content-box;//w3c标准盒子，padding，border不计算在盒子宽高中；box-sizing:border-box;//IE/怪异盒子，padding,border计算在盒子宽高中高度最好是不要直接设置...

HTML部分 ...

值传递&&引用传递数据类型：值类型和引用类型值传递：基本数据类型引用传递：引用类型函数传参： 无论什么类型，都是值传递函数中对参数的更新，并不会影响到入参: const fn = x => (x = 10); let x = 5; ...

在flex中所有元素都是行内块元素flex中有两条轴，一个主轴，元素的排列方向； 一个交叉轴，元素的换行方向；flex容器的属性 flex-flow：主轴方向与换行方式justify-content：主轴上的对齐方式al...

列表，表格与表单列表 列表分为：无序列表（ul），有序列表（ol）跟自定义列表（dl） 无序列表ul 有序列表ol 自定义列表dl dt是列表标题...

引用方式head标签中link标签引入的外部样式，常用；head标签中style标签中来写内部样式，一般不用(不利于优化)；...样式标签中style...

js引用方式内联脚本 onclick="fn()"// 标签属性调用JS方法内部脚本 js 代码写在script标签中外部脚本 用script标签引用外部js文件定义变量let变量 声明时便初始化，可以更改const常量，声明时必须...

前端的开发环境 代码工具—VSCode，浏览器—Chrome安装VSCode插件，Chrome安装插件用igg HTML的标签元素1.概括网页跟标签的关系 网页是由HTML的标签元素组成； 标签又分为双标签跟单标签； 只要在HTML中添加内容就会...

0.HTML5语义化标签 语义化标签的作用： 语义化标签就是尽量使用有相对应的结构的含义的Html的标签更利于搜索引擎的抓取（SEO的优化）和开发人员的维护(可维护性更高，结构清晰,易于阅读)。 1.浏览器功能：将用户的请求发送到服务器，服务器...