前端

• 一、HTML
• • 1.1 HTML基础
  • • 1.1.1 概念
    • 1.1.2 基本结构
  • 1.2 开发工具
  • 1.3 常用标签
  • • 1.3.1 标题标签
    • 1.3.2 段落标签
    • 1.3.3 换行标签
    • 1.3.4 水平线标签
    • 1.3.5 列表标签
    • 1.3.6 图片标签
    • 1.3.7 超链接标签
    • 1.3.8 表格标签
    • • 1.3.8.1 表格基本属性与标签
      • 1.3.8.2 跨行跨列属性
      • 1.3.8.3 表格优缺点
      • 1.3.8.4 表格应用场景
    • 1.3.9 表单标签
    • • 1.3.9.1 基本表单标签
      • 1.3.9.2 下拉框标签
      • 1.3.9.3 文本域标签
    • 1.3.10 文本格式化标签
    • 1.3.11 注释语法
    • 1.3.12 span和div
    • 1.3.13 特殊符
• 二、CSS
• • 2.1 CSS引入方式
  • • 2.1.1 行内样式
    • 2.1.2 内部样式(内联样式)
    • 2.1.3 外部样式(外联样式)
  • 2.2 选择器
  • • 2.2.1 简单选择器
    • • 2.2.1.1 标签选择器
      • 2.2.1.2 class选择器
      • 2.2.1.3 id选择器
    • 2.2.2 组合选择器
    • • 2.2.2.1 后代选择器
      • 2.2.2.2 子代选择器
      • 2.2.2.3 相邻选择器
      • 2.2.2.4 通用兄弟选择器
    • 2.2.3 伪类选择器
    • 2.2.4 伪元素选择器
    • 2.2.5 属性选择器
    • 2.2.6 通配符
    • 2.2.7 选择器的优先级
  • 2.3 CSS盒子模型
  • • 2.3.1 内容的基础样式
    • 2.3.2 border边框
    • 2.3.4 padding内边距
    • 2.3.3 margin外边距
  • 2.4 CSS常用样式
  • • 2.4.1 background背景
    • 2.4.2 display显示
    • 2.4.3 visibility可见性
    • 2.4.4 float浮动
    • 2.4.5 position定位
    • 2.4.6 圆角效果
    • 2.4.7 透明效果
    • • 2.4.7.1 背景透明
      • 2.4.7.2 整体透明
    • 2.4.8 盒子阴影
    • 2.4.9 文本阴影
    • 2.4.10 渐变
    • • 2.4.10.1 线性渐变
      • 2.4.10.2 径向渐变
    • 2.4.11 transform转换
    • • 2.4.11.1 2D转换
      • 2.4.11.2 3D转换
    • 2.4.12 transition过渡
    • 2.4.13 @keyframes动画
    • 2.4.14 多列
    • 2.4.15 弹性盒子
    • 2.4.16 响应式效果（了解）
    • • 2.4.16.1 手机屏幕的适应
      • 2.4.16.2 页面自适应

一、HTML

1.1 HTML基础

1.1.1 概念

HTML：Hyper Text Markup Language，即：超文本标记语言。
主要是通过html标签（记）对 页中的文本，图片，声音等内容进行描述。

• 超文本
  超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的 状文本.
• 标记语言
  由标签构成的语言。<标签名称> 如 html，xml
  标记语言不是编程语言
• html文档后缀名 .html 或者 .htm

1.1.2 基本结构

1.2 开发工具

1.3 常用标签

1.3.1 标题标签

1.3.2 段落标签

1.3.3 换行标签

1.3.4 水平线标签

1.3.5 列表标签

1.3.6 图片标签