【JavaWeb】Day01--HTML&CSS

¶写在前面

• ‍‌‍‍‬‬‌‌‌‬‬‌⁠⁠‍‌⁠‬‍‍⁠‍‬⁠‍JavaWeb 开发教程 - 飞书云文档 (feishu.cn)
• 需要记录的内容的标准：
  • 已掌握的概念不记
  • 太长的缩短记
• 按照期末考前的笔记选择标准来记：
  • 只记关键核心内容，有助于复习笔记时快速重温掌握
  • 对于较长的内容，尽可能用自己的话复述
• 努力克服完美强迫症
• Vue3 教程 | 菜鸟教程 (runoob.com)
• Element - 网站快速成型工具

¶Day01–HTML & CSS

• HTML负责网页结构（页面元素和内容）

• CSS：负责网页的表现（页面元素的外观、位置等页面样式，如：颜色、大小等）

• Day01 2.3.1 新浪新闻-标题实现

  • 用具体案例来分析怎么用html搭网页框架
  • 如何用不同的html标签实现不同表现形式
  • CSS的不同样式引入形式
    • 行内、内嵌和外联
  • 颜色的三种表示方法（+拾色器）
  • 三种基本的CSS选择器【选取需设置样式的元素（标签）】
    • 元素（标签）选择器：作用于所有同名标签上
    • id选择器：#id属性值 作用于指定id的标签上
    • 类选择器：.class属性值 作用于所有class的属性值和该名字一样的标签上
  • 超链接

• Day01 2.3.2 新浪新闻-正文实现

  • 视频标签
  • 文本、段落格式标签
  • 在正文排版中使用的几个CSS属性
    • text-indent: 设置段落的首行缩进
    • line-height: 设置行高
    • text-align: 设置对齐方式, 可取值为 left / center / right
  • CSS的盒子模型：内容区域（content）、内边距区域（padding）、边框区域（border）、外边距区域（margin）→类比生活中的手机盒子
  • 2.3.2.2 布局标签：
    及其特点

• 2.4 表格标签

  和常用属性
  • 行、单元格、表头

• 2.5 表单标签

  及其属性
  • method→ 表单发送方式：GET POST
  • GET和POST的区别
  • 表单项三个标签：
  • 的type属性取值：
    • text | password | radio | checkbox | file | date/time/datetime-local | number | email | hidden | submit / reset / button | hidden

• 文档地址: https://www.w3school.com.cn/index.html

• Day01作业：‍‬⁠‬‍⁠‍‌‬⁠‬⁠⁠‬‌⁠‌Day01-作业 - 飞书云文档 (feishu.cn) 【完成了】