文章目录

• 一、软件的B/S架构
• 二、前端的开发流程
• 三、 页的组成
• 四、HTML 简介
• 五、HTML文件的书写规范
• 六、HTML 标签
• 七、常用标签
• • 1.font
  • 2.特殊字符
  • 3.标题标签
  • 4.超链接
  • 5.列表标签
  • 6.img标签
  • 7.表格标签
  • 8.跨行跨列表格示例
  • 9.了解iframe 框架标签 (内嵌窗口)
  • 10.表单标签
  • • 表单的显示预格式化
    • 表单提交的细节
  • 11.其他的标签
• 八、CSS
• • 1.CSS的介绍
  • 2.语法规则
  • 3.CSS 和 HTML 的结合方式
  • • 第一种 :在标签的 style 属性上设置
    • 第二种:在 head 标签中，使用 style 标签来定义
    • 第三种: 把 css 样式写成一个单独的 css 文件，再通过 link 标签引入
  • CSS选择器
  • • 标签名选择器
    • id选择器
    • class 选择器（类选择器）
    • 组合选择器
  • 常用样式

一、软件的B/S架构

三、 页的组成

页面由三部分内容组成！
分别是内容（结构）、表现、行为。

四、HTML 简介

Hyper Text Markup Language （超文本标记语言） 简写：HTML

五、HTML文件的书写规范

2.特殊字符

4.超链接

6.img标签

8.跨行跨列表格示例

10.表单标签

表单的显示预格式化

表单提交的细节

11.其他的标签

问题：这种方式的缺点br> 1.如果标签多了。样式多了。代码量非常庞大。
2.可读性非常差。
3.Css 代码没什么复用性可方言。

第二种:在 head 标签中，使用 style 标签来定义

格式如下：
xxx {
Key : value value;
}

id选择器

id 选择器的格式是：

id 选择器，可以让我们通过 id 属性选择性的去使用这个样式。

组合选择器

组合选择器的格式是：

组合选择器可以让多个选择器共用同一个 css 样式代码。