css3 head和body

在HTML中，我们可以通过head和body标签来分别展现文档的元数据和内容。而在CSS3中，我们同样也可以利用head和body标签来为网页添加样式和特效，从而提升页面的用户体验。

首先，让我们来看看head标签。head标签通常用于引入CSS样式表，如下所示：

head>
        link rel="stylesheet" type="text/css" href="mystyle.css">
        title>
    My Webpage/title>
    /head>
    

在这个例子中，我们通过链接mystyle.css来引入CSS样式表，从而对整个网页进行样式设置。另外，head标签也可以用来定义文档的元数据信息，如文档的标题、关键字等。

接下来，让我们来看看body标签。body标签通常用于定义文档的主要内容。在CSS3中，我们可以利用body标签来添加背景图像、颜色、字体等样式。

body style="background-color: #f2f2f2;
     font-family: Arial, sans-serif;
    ">
        h1>
    Welcome to My Webpage!/h1>
        p>
    This is a paragraph of text./p>
        img src="image.jpg" alt="My Image">
    /body>
    

在这个例子中，我们通过样式属性（style）在body标签上定义了背景颜色为#f2f2f2，字体为Arial。同时，在body标签内还包含了一个标题（h1）、一段文本（p）和一张图片（img），这些元素也可以通过CSS进行样式设置。

综上所述，head和body标签在CSS3中可以用于为网页添加样式和特效，从而提高网页的魅力和用户体验。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！