HTML、CSS

一个网页由哪几个部分组成? 各自的职责?

HTML：负责网页的结构（页面元素和内容）。

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

JavaScript：负责网页的行为（交互效果）。

HTML基本骨架标签

HTML标签特点

不区分大小写，建议小写

标签的属性值使用单引号/双引号都可以

语法结构松散，但是建议规范书写

标题标签

标签：<h1>…</h1>（h1 → h6 重要程度依次降低）

注意：HTML标签都是预定义好的，不能自己随意定义。

水平线标签

<hr>单标签

图片标签

绝对路径：绝对磁盘路径（D:/xxxx）、绝对网络路径（https://xxxx）

相对路径：从当前文件开始查找。 （./ : 当前目录, ../ : 上级目录）

注意: 一般图片的width、height只设置一个，图片会等比例缩放

CSS引入方式

行内样式：<h1 style="...">

内部样式：<style> … </style>

外部样式：xxx.css     <link href="...">

优先级：行内样式 > 内部样式=外部样式(覆盖)

颜色表示

关键字: red、green . . .

rgb表示法：rgb(255,0,0)、rgb(134,100,89)

rgba表示法：rgba(255,0,0,0.5)、rgba(134,100,89,1)

十六进制: #ff0000、#cccccc、#f00

颜色属性

color: 设置文本内容的颜色

数据展示标签

<audio>  <video>

<br> <p>

<b> <strong> <i> <em> <u> <ins> <s> <del>

标签 CSS样式

line-height：设置行高

text-indent：定义第一个行内容的缩进 (px/em)

text-align：规定元素中的文本的水平对齐方式

常见的字符实体

空格：&nbsp;

< : &lt;

> : &gt;

CSS盒子模型

组成：内容（content）、内边距（padding）、边框（border）、外边距（margin）

表格标签

<table>  <tr>  <th>  <td>

border-collapse: 设置表格的边框是否被合并为一个单一的边框

CSS复合选择器

并集选择器: 选择器1，选择器2，选择器3 { ... }