前端Adele

ESLint 插件自动格式化操作手册 按照 ESLint 规则自动格式化需要借助 2 个插件： ESLint （读取 ESLint 配置文件进行语法检测） Prettier ESLint

今日学习内容 使用相对路径选择不同目录下的文件 使用媒体标签在网页中显示 播放音频和视频 使用链接标签实现页面跳转功能 相对路径 当前文件：当前的html网页 目标文件：要找到的图片 从当前文件开始出

今日学习内容 使用表单标签及属性实现表单类网页结构搭建 认识常见语义化布局标签的使用场景 能够使用字符实体在网页中显示空格、大于号和小于号 表单标签 input系列 所有表单控件都必须放到form表单

今日学习内容 css引入方式 内嵌式 外链式步骤: 新建一个以css结尾的后缀名文件 通过link标签引入对应的css文件 行内式 基础选择器 选择器作用：选中页面中对应的标签，方便后续设置样

子盒子在父盒子里水平垂直居中的三种方式 第一种实现方式：定位 + 偏移 第二种实现方式：定位 + transform（不需要知道子元素的宽高） 第三种实现方式：让父盒子为flex容器 第四种实现方式：

PC端/移动端不同？ PC端 屏幕大，网页固定版心 浏览器繁多，更多考虑兼容性问题。（布局： 浮动+定位+标准流） 移动端 手机屏幕小，网页宽度多数为100%，是适配手机屏幕宽度 移动端则基本不需要考

使用flex-wrap:wrap;实现弹性盒子多行排列效果 属性值 描述 nowrap 默认值,规定灵活的项目不拆行或不拆列 wrap 规定灵活的项目在必要的时候拆行或拆列 wrap-reverse

适配方案 移动端的适配方案： flex + rem单位 做适配效果 flex + viewport width /vh单位 做适配效果 让flex做布局（盒子摆放），让rem或者vw/vh 实现网页元

栅格系统 栅格系统(gridsystems),也叫“网格系统，它就是通过一系列的行（row）与列（column）的组合创建页面布局。 简单说，栅格系统也是一种布局方式。 BootStrap 内置好了一