css中内联怎么解释？

html-css025

css中内联怎么解释？,第1张

内联CSS也可称为行内CSS或者行级CSS，它直接在标签内部引入，显著的优点是十分的便捷、高效；但是同时也造成了不能够重用样式的缺点，如果代码行数到达一定长度不建议采用。通常内联CSS作为测试使用，可以查找代码中bug。

<body>

<div style="width: 65pxheight: 20pxborder: 1px solid">测试元素</div>

</body>

内联是指css样式写在当前html文件里面的样式；如：

<html>

    <head>

        <style>

            .test{color:red}

        </style>

    </head>

    <body>

        <div class="test></div>

    </body>

</html>

<style></style>标签部分样式属于内联方式，内联还有一种称为行内样式的方式，即直接写在html标签内部，如：

<p style="color:red"></p>

外联是指css单独写在一个后缀名为.css的样式文件中，然后在html文件中用<link>标签引入，如引入一个index.css文件，代码如下：

<link rel="stylesheet" href="index.css" />

href是文件的路径及名称。