CSS基础

发表于 分类于 阅读次数： 本文字数： 128 阅读时长 ≈ 1 分钟

语法

格式为属性名:属性值;

1
<div style="background-color:red;color:white;">测试</div>
测试

优先级

由上到下，由外到内，优先级由低到高。
style > id选择器 > class类选择器 > 标签选择器，优先级由低到高

引入方式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
    <style type="test/css">
        div {
            background-color:red;
            color:white;
        }
    </style>
    <style type="test/css">
        @import url(div.css);<!--外部引用，兼容性差，不使用-->
    </style>
    <link rel="stylesheet" type="text/css" href="div.css"/><!--外部引用-->
</head>
<body>
    <div style="background-color:red;color:white;">测试</div>
</body>
</html>