要想在HTML中应用css样式,我们就需要设置HTML类了。
HTML 进行分类(设置类),使我们能够为元素的类定义 CSS 样式。
为相同的类设置相同的样式,或者为不同的类设置不同的样式。
如何设置html类
<!DOCTYPE html> <html> <head>html如何设置类</head> <body> <div class="cities"> <p>cities就是div标签设置的类</p> </div> </body> </html>
上述代码给div标签设置了cities类名。
html类的应用
下面代码是通过设置<span>元素的类,为相同的 <span>元素设置相同的样式。
<!DOCTYPE html> <html> <head> <style> span.red {color:red;} </style> </head> <body> <h1>My <span class="red">Important</span> Heading</h1> </body> </html>
下方是输出结果的样式:
通过设置html的类就可以在html中应用css样式了。
声明:如需转载,请注明来源于www.webym.net并保留原文链接:http://www.webym.net/jiaocheng/302.html