帅气的一朵云朵

JavaScript JavaScript （是什么？） 作用 （做什么？） JavaScript的组成(有什么？) JavaScript权威网站： https://developer.mozilla

less 目标：使用less语法快速编译生成css代码 less是一个css预处理器.less文件后缀是.less 扩充了css语言，使css具备一定的逻辑性，计算能力。 注意：浏览器不识别less代

rem 目标：能够使用rem单位设置网页元素的尺寸 rem单位 rem移动适配 目标：能够使用rem单位设置网页元素的尺寸 思考 解决方法：媒体查询能够检测视口的宽度，然后编写差异化的css样式 使用

ico图标设置 场景：显示在标签页标题左侧的小图标，习惯使用.ico格式的图标 常见代码： 文件和目录准备 新建项目文件夹xtx-pc-client，在VScode中打开 复制favicon.ico到

Flex布局模型构成 目标：能够使用flex布局模型灵活，快速的开发网页 作用 设置方式 组成部分 主轴对齐方式 目标：使用justify-content调解元素在主轴的对齐方式 修改主轴对齐方式属性

盒子模型 内容的宽度和高度 边框(border)-连写形式 边框(border)-单方向设置 新浪导航案例 CSS3盒模型(自动内减) 目标：能够认识盒子模型的组成，能够掌握盒子模型 边框，内边距，外

结构伪类选择器 目标：能够使用 结构为类选择器 在HTML中定位元素 选择器 n的注意点： 伪元素 目标：能够使用伪元素在网页中创建内容 清除浮动 清除浮动的方法-2额外标签法 清除浮动的方法-3单伪

定位 使用定位的步骤 设置定位方式 设置偏移值 相对定位 介绍：自恋型定位，相对于自己之前的位置进行移动 代码：position：relative； 特点： 应用场景： 绝对定位 介绍：拼爹型定位，相

装饰 垂直对齐方式 属性名：vertical-align 属性值：baseline 效果：默认，基线对齐 属性值：top，bottom 效果 顶部和底部对齐 属性值：middle 效果：中部对齐 光标