css中内联怎么解释?

html-css025

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

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

<body>

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

</body>

取决于需要

如果你不想写代码,而是用DW自动生成的样式,就是直接内联的样式,除非你创建一个CSS文件才不会写在网页中。

如果你在网页中用到了JS,而JS中的内容又需要用到内联式的CSS样式,就必须用这种了。

还有就是你可以自个把样式写在网页中,但是大多数情况下还是写在一个单独的CSS文件中。

内联是指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是文件的路径及名称。