css基础实验报告一

在CSS基础实验报告一中，我们完成了对CSS样式表的学习，并使用CSS来美化HTML页面。我们首先了解了CSS的语法结构，包括选择器、属性和值，学习了如何在HTML中引入CSS样式表。接下来，我们通过一个简单的例子来演示如何使用CSS来修改HTML页面的样式。

在这个例子中，我们创建了一个HTML页面，包括标题、段落和图片。首先，我们创建了一个CSS样式表，定义了标题、段落和图片的样式。其中，我们使用了选择器来选择不同的HTML元素，使用属性和值来修改这些元素的样式。例如，我们使用color属性来定义文本的颜色，使用background-color属性来定义元素的背景颜色。

/*定义标题样式*/h1 {
    color: red;
    text-align: center;
}
/*定义段落样式*/p {
    font-size: 20px;
    line-height: 1.5;
}
/*定义图片样式*/img {
    border: 3px solid blue;
    box-shadow: 3px 3px 3px grey;
}
    

然后，我们在HTML页面中插入了这个CSS样式表，使其生效。我们使用link> 标签将CSS样式表链接到HTML页面中。这样，我们就能够看到修改后的HTML页面了。

head>
    title>
    CSS实验报告一/title>
    link rel="stylesheet" type="text/css" href="style.css">
    /head>
    body>
    h1>
    这是一个标题/h1>
    p>
    这是一个段落。/p>
    img src="img.jpg">
    /body>
    

通过这个实验，我们初步掌握了CSS样式表的应用，能够使用CSS来改变HTML页面的样式。这为我们更加深入地学习前端开发奠定了基础。

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