css的行内标签

在CSS中，有3种方式来定义CSS样式：行内样式、内部样式和外部样式。行内样式指的是将样式直接写在HTML标签的style属性中。

<span style="color:blue;
"><p style="color:red;
"></span>这是一段红色文字<span style="color:blue;
"></p></span>

上述代码中，p标签的颜色样式写在了style属性中，样式为红色。这种方式是最直接的定义样式的方式，但是它也有一些缺点。首先，行内样式难以维护和修改，如果有多个标签需要同样的样式，修改起来非常麻烦。其次，它会破坏HTML和CSS的分离原则，导致HTML文件难以阅读和维护。

另外需要注意的是，行内样式的优先级最高。如果一个元素使用了行内样式，那么它将覆盖其他任何样式。例如，下面的代码中，p标签的颜色为绿色，而不是红色：

<span style="color:blue;
"><p style="color:red;
" class="green"></span>这是一段绿色文字<span style="color:blue;
"></p></span>

上述代码中，p标签的style属性设置为红色，但是它同时还有一个class属性为green。如果我们在CSS中为.green定义颜色样式，那么它将覆盖掉行内样式。