html怎么直接应用css代码

css代码插入到html(Dreamweaver)中无法显示

img

img

在 HTML 页面中引用 CSS 样式表,一般有以下几种方式:

  1. 外部样式表:在 HTML 页面上使用 <link> 标签引用外部样式表。该方式可以在多个页面上共用一个 CSS 文件,且具有较好的维护性。例如:

    <head>
      <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    
  2. 内部样式表:在 HTML 页面的 <head> 标签中使用 <style> 标签定义 CSS 样式。该方式适合于只在单个页面上使用一组 CSS 样式的情况。例如:

    <head>
      <style>
        p { color: red; }
      </style>
    </head>
    
  3. 行内样式:在 HTML 元素的 style 属性中直接定义 CSS 样式。该方式适合于只在单个元素上使用一组 CSS 样式的情况。例如:

    <p style="color: red;">This is a red paragraph.</p>
    

其中,外部样式表是使用最为广泛的一种方式,因为它能够将样式和 HTML 文档分离,让 HTML 页面更加简洁明了,也方便样式的维护和更新。内部样式表则适用于开发单页应用或样式比较简单的页面。行内样式一般不建议使用,因为它会增加 HTML 文档的体积,且不方便维护和更新。

可以在Chrome浏览器中,使用F12看一下样式是否生效。