python学习之网站的编写(HTML,CSS,JS)(十)----------CSS中用的最多的class选择器,批量的为一些标签设置相同的版式

选择器有很多种,有id选择器,div选择器,层级选择器,组合选择器等等,然而,用的最多的就是class选择器,它的作用是为下面所有符合class规则的标签设置上相同的版式。

步骤:

1.在头部编写<style>标签,点+class选择器的名称(也就是下面需要选择的class),然后大括号,在里面写入版式。

2.在下面的标签中,如果想用这个版式的话,就设置成head中定义的名字。

举个例子你就完全明白了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .c1{
            background-color: #ff0000;
        }
    </style>
</head>
<body>
    <div class="c1">6666666666666</div>
</body>
</html>

首先设计版式c1,下面的div想用,就将自己的class设置成c1。

猜你喜欢

转载自blog.csdn.net/qq_41901915/article/details/82848194