CSS三类写法

来源:互联网 发布:二维码生成软件设备 编辑:程序博客网 时间:2024/05/16 12:52
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <style type="text/css">
        #price{
            color: red;
            font-size: 40px;
        }
    </style>
    <link rel="stylesheet"href="../css/first.css">
    <title>css入门</title>
</head>
<body>
<!--css写法    分三类-->

<!--1: 行内样式  样式只在当前标签可用,写法比较繁琐,这种写法要极力避免-->
<p>
    电脑 <span style="color: red;font-size: 40px">1</span>元起
</p>

<!--2: 内部样式  只在当前页面,比行内写法要好一些。缺点:多个页面无法共用一个样式-->
<p>
    电脑 <span id="price">1</span>元起
</p>

<!--3: 外部样式  推荐写法! 样式复用,做到了样式和文件的分离-->
<p>
    电脑 <span id="price1">1</span>元起
</p>
</body>
</html>
0 0
原创粉丝点击