CSS <div>标记样式如何应用于以下代码

时间:2019-02-20 15:02:15

标签: html css

这是带有标签的CSS样式。现在,我想学习样式如何与HTML一起使用。

<!DOCTYPE html> 
<html> 
    <head> 
        <title>Internal CSS</title> 
        <style> 
            .main { 
                text-align:center; 
            } 
            .GFG { 
                color:#009900; 
                font-size:50px; 
                font-weight:bold; 
            } 
            .geeks { 
                font-style:bold; 
                font-size:20px; 
            } 
        </style> 
    </head> 
    <body> 
        <div class = "main"> 
        <div class ="GFG">GeeksForGeeks</div> 
        <div class ="geeks">A computer science portal for geeks</p> 
        </div> 
    </body> 
</html>                  

The image shows the output

1 个答案:

答案 0 :(得分:-2)

您绝对应该在这里https://www.w3schools.com/css/default.asp看一眼(这就是我现在所了解的有关html的一切)。关于代码工作方式的简要说明是,您可以使用创建样式,例如

.GFG { 
            color:#009900; 
            font-size:50px; 
            font-weight:bold; 
}
您复制的

,您可以将其称为类似文本的类型

<p class = "GFG">Hello World!</p>

,它们将以选定的样式输出。祝你好运!