css样式表的三种类型 CSS样式表怎么做?

CSS样式表怎么做?1. CSS样式表有三种:外部样式表、内部样式表和内联样式表。让我们通过一个小演示来演示它们的用法。首先,创建一个新的HTML文件,放入三个按钮,并将前两个按钮的类属性设置为BTN

CSS样式表怎么做?

1. CSS样式表有三种:外部样式表、内部样式表和内联样式表。让我们通过一个小演示来演示它们的用法。首先,创建一个新的HTML文件,放入三个按钮,并将前两个按钮的类属性设置为BTN1和btn2:

2。然后准备一个名为演示.css,在文件中写入按钮a的样式并保存CSS文件:

3。回到刚才的HTML文件,用样式标签中的link标签导入它,一步创建的CSS文件就是外部样式的用法。摘要是在创建的CSS文件中写入样式,然后使用link标记将其导入HTML文件。这也是大多数网站使用的方法,因为它很容易导入和管理。然后使用内部样式表。在这里,直接在head标记中创建style标记,并向其中添加btn2。对于具有简单内部样式表的HTML文件,内部样式非常方便,但是对于具有复杂结构的HTML文件,使用它会使文件看起来非常混乱:

5。最后,使用内联样式,并通过使用第三个标记中的style属性直接添加样式:

6。最后,保存HTML文件,打开浏览器查看三个按钮的样式。这是如何制作CSS样式表