CSS 中嵌入样式表的使用

PHPz

发布： 2023-09-11 12:41:09

转载

1024 人浏览过

CSS 代表层叠样式表。 HTML用于创建网页，在网页中添加文本、图像、视频等。之后，我们需要设置文本和图像的样式，这只能使用 CSS 来完成。基本上，我们可以使用CSS向HTML元素添加背景、颜色、尺寸、方向等样式。

有三种方法可以为网页添加样式。第一种是内联样式，直接将样式添加到HTML元素中。第二种是嵌入式样式表，在“html”文件中使用

登录后复制

用户可以在上述语法中的

Embedding the Styles to the HTML document

This is a paragraph.

This is another paragraph.

登录后复制

Example 2

示例2

在下面的示例中，我们添加了 div 元素的悬停效果。

首先，我们创建了“容器”div 元素，并添加了三个 div 元素作为其子元素。此外，我们为每个 div 元素赋予了不同的背景颜色。当用户将鼠标悬停在 div 元素上时，每个 div 元素的颜色都会发生变化。

   



   
 Embedding the  Style sheet to the HTML document  
   

      

         Div 1
      
      

         Div 2
      
      

         Div 3
      
   

示例 3

我们已将下面示例中的样式表嵌入到 HTML 文件中。我们使用 CSS 创建了圆圈。此外，我们还向圆圈添加了动画。

我们已经创建了“larger”关键帧，通过50%改变圆的尺寸以及背景颜色，用户可以在输出中观察到。

   



   
 Embedding the  Style sheet to the HTML document  
   

   

用户学会了在 CSS 中嵌入样式表。用户需要在

以上是CSS 中嵌入样式表的使用的详细内容。更多信息请关注PHP中文网其他相关文章！