HTML-CSS 体验CSS

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_40945965/article/details/82534823

通过标签来修改样式的缺点
<1>需要记忆哪些标签有哪些属性,如果该标签没有这个属性,那么设置了也没有效果。
<2>当需求变更时我们需要修改大量的代码才能满足现有的需求。
<3>HTML只有一个作用,就是用来添加语义。

通过CSS来修改样式的优点
<1>不用记忆哪些属性属于哪些标签
<2>当需求变更时我们不需要修改大量的代码就可以满足需求。
<3>在前端开发中CSS只有一个作用,就是用来修改样式。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>体验CSS</title>
    <style type="text/css">
        h1{
            text-align: center;
            color: red;
        }
        p{
            text-align: center;
            color: aqua;
            font-size: 24px;
        }
    </style>
</head>

<body>
    <h1>成功法则</h1>
    <p>迟到毁一生</p>
    <p>早退穷三代</p>
    <p>按时上下班</p>
    <p>必成高富帅</p>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_40945965/article/details/82534823