[分享]css内嵌式怎么弄

CSS内嵌式，顾名思义就是把CSS样式写在HTML文档内，使用style标签把样式直接嵌入到HTML代码中。

<style type="text/css">
p {
  color: red;
  font-size: 14px;
}
</style> 

上面这段代码就是CSS内嵌式的典型例子。style标签中的type属性为必填项，常规写法为text/css。与外部链接CSS不同，内嵌式不需要Link标签。

在样式规则中，我们使用了p选择器，表示对HTML中的段落应用样式。在这里，我们设置了段落的颜色为红色，字体大小为14像素。

另外，值得注意的是，在内嵌式中使用CSS时，我们需要把所有样式都写在一个style标签中，并通过“{}”括号进行包含。

<style type="text/css">
h1 {
  color: blue;
}
p {
  color: red;
  font-size: 14px;
}
</style> 

通过上面的代码，我们可以同时为h1标题和p段落定义不同的样式。

总的来说，CSS内嵌式虽然不如外部链接CSS方便和易于管理，但它具有一定的灵活性和实用性，尤其适合一些小型或简单的项目。