css代码插入到html(Dreamweaver)中无法显示
在 HTML 页面中引用 CSS 样式表,一般有以下几种方式:
外部样式表:在 HTML 页面上使用 <link>
标签引用外部样式表。该方式可以在多个页面上共用一个 CSS 文件,且具有较好的维护性。例如:
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
内部样式表:在 HTML 页面的 <head>
标签中使用 <style>
标签定义 CSS 样式。该方式适合于只在单个页面上使用一组 CSS 样式的情况。例如:
<head>
<style>
p { color: red; }
</style>
</head>
行内样式:在 HTML 元素的 style
属性中直接定义 CSS 样式。该方式适合于只在单个元素上使用一组 CSS 样式的情况。例如:
<p style="color: red;">This is a red paragraph.</p>
其中,外部样式表是使用最为广泛的一种方式,因为它能够将样式和 HTML 文档分离,让 HTML 页面更加简洁明了,也方便样式的维护和更新。内部样式表则适用于开发单页应用或样式比较简单的页面。行内样式一般不建议使用,因为它会增加 HTML 文档的体积,且不方便维护和更新。
可以在Chrome浏览器中,使用F12看一下样式是否生效。