Web前端学习(二)HTML和CSS的关系

此节,应该上手写第一个Web网页Hello World,这在之前学习HTML基础的时候已经写过了,这里不多说。

本节,主要看一下HTML和CSS之间是怎么协同工作的。

话不多说直接上代码

例:为Hello World添加样式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Html和CSS的关系</title>
        <style type="text/css">
        h1{
            font-size:12px; /* 字体大小 */
            color:#930; /* 字体颜色 */
            text-align:center; /* 字体居中 */
        }
        </style>
    </head>
    <body>
        <h1>Hello World!</h1>
    </body>
</html>

在这里插入图片描述

总结:

1、css是用来修饰html样式的
2、html本身是有一些默认样式,如果我们想改变html标签的样式,就需要借助css
3、html+css构成了我们网页的基本页面结构和样式

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章