css:层叠级联样式表

CSS的三种引入方式

1.行内样式:写在标记里面的,只对当前的文件起作用,复用性小。

2.内部样式:写在文件内部的,只对当前文件的文件中指定的标记有作用,复用性大于行内样式。

3.外部样式:把样式单独抽离出来到一个css文件中,并引入。复用性大于内部样式。

例:

html+css应用一_内部、外部样式

html文件:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>蜜蜂</title>

    <style>

        p {

    color: bisque;

}

    </style>

    <link rel="stylesheet" href="test.css">

</head>

<body>

    <h1 style="color: black" align="center">小说</h1>

    <p align="center" style="color: black;">那僧人回过头来,两人相对,都是一愕。原来这僧人便是觉远,三年以前,两人在华山</p>

    <p align="center" style="font-family: Arial, Helvetica, sans-serif;">绝顶曾有一面之缘。郭襄知他虽然生性迂腐,但内功深湛,不在当世任何高手之下,便道:</p>

    <p align="center">“我道是谁,原来是觉远大师。你如何变成了这等模样?”觉远点了点头,微微一笑,合十</p>

    <p align="center">行礼,并不答话,转身便走。郭襄叫道:“觉远大师,你不认得我了么?我是郭襄啊。”觉</p>

    <p align="center">远又是回首一笑,点了点头,这次更不停步。郭襄又道:“是谁用铁链绑住了你?如何这般</p>

    <p align="center">虐待你?”觉远左掌伸到脑后摇了几摇,示意她不必再问。</p>

</body>

css文件:

p{

    color:brown;

    font-family: 宋体;

    background-color: aquamarine;

}