HTML总结：-CSDN博客

本文链接：https://blog.csdn.net/2301_80839686/article/details/136177370

总的来说，CSS是一种强大的工具，可以用于创建美观和可交互的网页。了解CSS的基本概念和常见技巧，可以帮助开发者更好地掌握网页样式和布局的控制。

<table>：定义一个表格。
<tr>：定义表格中的行。
<th>：定义表格中的表头单元格。

<td>：定义表格中的数据单元格。

<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
    <td>男</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>30</td>
    <td>女</td>
  </tr>
</table>

创建了一个包含姓名、年龄和性别的简单表格。

表格标签还支持一些属性来设置表格的样式和布局，如border、width、height等。例如，可以使用以下代码设置表格的边框为1像素：

<table border="1">
  <!-- 表格内容 -->
</table>

下面是一个带有属性的HTML表格的例子：

<table border="1" width="500" cellpadding="5">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
    <td>男</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>30</td>
    <td>女</td>
  </tr>
</table>

设置了表格的边框为1像素、宽度为500像素，并且在单元格周围有5像素的空白间距。要为HTML文本添加样式和图片，可以使用CSS和HTML标签。以下是一个示例：

<!DOCTYPE html>
<html>
<head>
<style>
    /* CSS样式 */
    h1 {
        color: blue;
        font-family: Arial, sans-serif;
    }

    p {
        font-size: 16px;
        line-height: 1.5;
    }

    img {
        width: 200px;
        height: 200px;
    }
</style>
</head>
<body>
    <h1>欢迎使用HTML样式和图片</h1>
    <p>这是一个示例文本。</p>
    <img src="path/to/image.jpg" alt="图片示例">
</body>
</html>

在上面的示例中，通过<style>标签添加了CSS样式。h1选择器将标题文本设置为蓝色并使用Arial字体。p选择器设置了段落文本的字体大小和行高。img选择器设置了图片的宽度和高度。

然后，在<body>标签中，使用<h1>和<p>标签添加了文本内容，使用<img>标签添加了图片。在<img>标签中，使用src属性指定图片文件的路径，并使用alt属性为图片添加描述。

在CSS中引入图片有以下几种方式：
直接使用图片地址：可以在CSS中使用background-image属性来指定图片地址，例如：
```
background-image: url("image.jpg");
 
```
使用相对路径：如果图片和CSS文件在同一文件夹下，可以使用相对路径来引入图片，例如：
```
background-image: url("../images/image.jpg");
 
```
使用绝对路径：可以使用绝对路径来引入图片，例如：
```
background-image: url("/images/image.jpg");
 
```
CSS（层叠样式表）是一种用于控制网页样式和布局的标记语言。通过CSS，开发者可以选择性地修改网页元素的外观和行为，从而实现更好的用户体验。

下面是一些关于CSS的总结要点：
选择器：CSS使用选择器来选择要应用样式的HTML元素。常见的选择器包括标签选择器、类选择器、id选择器和属性选择器。
属性和属性值：CSS中的属性用于定义元素的外观和行为。常见的属性包括颜色、字体、大小、边距、背景等。每个属性都有一个对应的属性值，用于指定属性的具体设置。
盒模型：CSS中的每个元素都被视为一个矩形的盒子，该盒子由内容、内边距、边框和外边距组成。开发者可以使用CSS的盒模型属性来控制盒子的大小、间距和边框样式。
层叠和优先级：当多个样式规则同时应用于一个元素时，CSS使用层叠和优先级规则来确定最终应用的样式。层叠的顺序是基于选择器的特殊性和定义的。
浏览器兼容性：不同的浏览器对CSS的支持可能有所不同，开发者需要考虑不同浏览器的兼容性问题。可以通过使用CSS前缀和使用浏览器特定的样式规则来解决兼容性问题。