摘要：
一、text-align（文本水平对齐） - left：左对齐 - right：右对齐 - center：居中对齐 - justify：两端对齐 二、vertical-align（垂直对齐） - baseline：默认值，基线对齐 - top：顶端对齐 - bottom：底部对齐 - middle： 阅读全文
摘要：
一、字体 1.1 相关样式 color：设置字体颜色 font-size：字体大小 与font-size相关单位 em：相当于当前元素的一个font-size rem：相当于根元素的一个font-size font-family：字体族（字体的格式） - 可选值： serif：衬线字体 sans-s 阅读全文
摘要：
一、定位 - 定位可以对页面元素进行微调（页面大都使用float进行布局，定位进行微调） - position的属性值： static：默认值，元素是静止的，没有开启定位 relative：相对定位 absolute：绝对定位 fixed：固定定位 sticky：粘滞定位 二、相对定位（relati 阅读全文
摘要：
一、float布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>float</title> <style> /* 设置float会使元素脱离文档流 脱离文档流的特点： 块元素： 1、块元素不再独占页面的一 阅读全文
摘要：
一、盒子大小（box-sizing） - 默认情况下，盒子可见框大小由内容区、内边距和边框组成 box-sizing：用来设置盒子尺寸的计算方式（设置width和height的作用） 可选值： content-box：默认值，宽度和高度用来设置内容区域 border-box：宽度和高度用来设置整个盒 阅读全文
摘要：
一、文档流（normal flow） - 网页是一个多层的结构，一层摞着一层 - 最底下的一层称为文档流，文档流是网页的基础 我们所创建的元素默认都是在文档流中进行排列 - 所创建的元素主要有两种状态 在文档流中 脱离文档流 二、颜色单位 2.1 RGB值 - RGB通过三种颜色的不同浓度来调配出不 阅读全文
摘要：
一、长度单位 长度单位 解析 像素 ① 屏幕（显示器）实际上是由一个个的小点点构成的 ② 不同的屏幕像素大小是不同，像素越小的屏幕显示的效果越清晰 ③ 相同像素在不同的设备下显示效果不同 百分比 设置百分比可以使子元素跟随父元素的改变而改变 em ① em是相对于元素的字体大小来计算的 ② 1 em 阅读全文
摘要：
一、选择器 1. 基本选择器 ① 元素选择器（标签） ② ID选择器（唯一性 ） ③ 类选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本选择器</title> <style> /* 元素选择器 * 阅读全文
摘要：
一、<img>的属性 1.1 src：图片路径 1.2 alt：对图片进行描述，一般不显示，若无法显示，则会出现（一些浏览器会显示） 主要用法：搜索引擎会根据alt中的内容来识别图片；如果不写alt属性则图片不会被搜索引擎所收录 注意： 一般情况在PC端，不建议修改图片的大小（由美工进行裁定）。 但 阅读全文
摘要：
一、音频 1.1 属性 controls：是否显示控制条 autoplay：是否自动播放 一般的浏览器并不支持（第一次打开时并没有自动播放，播放之前再刷新就有了；这是由于若第一次播放，但是如果客户端的音量过大，则造成用户体验不佳） loop：是否循环播放 1.2 写法 第一种： <audio src 阅读全文