• CSS引入的三种方式

    目录

    背景：

    过程:

    一.内联样式(Inline Sytles)

    二:内部样式表(Internal Stylesheets)

    三:外部样式表(External Stylesheets)

    总结:

    背景：

      CSS引入主要指的是将CSS样式代码添加到HTML文档中的方法，以便为页面元素月应用统一的样式和布局。主要的方式有三种：内联样式(Inline Styles)、内部样式表(Internal Stylesheets)和外部样式表(External Stylesheets)。

    过程:

    一.内联样式(Inline Sytles)

    1. HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    2. <html>
    4. Content-Type" content="text/html; charset=gb2312">
    5. 内联样式示例
    7.  
    8. <body>
    9.      <h1 style="color:blue;font-size:24px;">这是内联样式的标题h1>
    10. 	 <p  style="color:green;">这是内联样式的段落p>
    11. body>
    12. html>

    在上面的例子中，

    和

    元素都使用了style属性来直接定义它们的样式。

    元素的文本颜色被设置为蓝色(color:blue;),字体大小被设置为24像素(font-size:24px;)。同样，

    元素的文本颜色被设置为绿色(color:green;).这种方法非常直观，但缺点是如果需要再多个元素上应用相同的样式，就需要在每个元素上重复编写相同的样式代码，这既不高效也不易于维护

    二:内部样式表(Internal Stylesheets)

    内部样式是通过HTML文档的部分使用

  • <body>
  • <h1>这是内部样式表的标题h1>
  • <p>这是内部样式表的段落，具有指定的字体和行高p>
  • body>
  • html>

    •  在这个例子中，