css中div的意思是什么

最新推荐文章于 2023-09-05 17:23:11 发布

摆烂大狮

最新推荐文章于 2023-09-05 17:23:11 发布

阅读量4.4k

点赞数 5

分类专栏： css 文章标签：前端 html

本文链接：https://blog.csdn.net/Ts3768/article/details/125551944

版权

css 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

css中“div”表示一种选择器，可以直接使用div标签选择器来查找HTML元素设置样式；而如果是“.div”，那么表示某个标签的class属性即类选择器。

css中div是什么意思？

div是html中的一个标签，通常作为容纳其他元素的容器。在css中，表示一种选择器，可以直接使用div（标签选择器）来查找HTML元素设置样式；而如果是.div那么表示某个标签的class属性（类选择器）。

HTML和CSS中div标签怎么用

1、使用div，首先第一步打开记事本并输入基本的HTML结构，并且包含HTML内部的主体。

2、将<div>标签放在body标签内。你必须记住div是一个容器标签，所以它后面必须有一个</div>，比如<div></div>，<div>用于在页面上进行分割，因此您甚至可以在<div>中使用div标签。

3、在<style>中，给<div>一个ID并设置其高度，宽度，背景颜色等。你可以使用＃为你的<div>制作一个ID，或者只是简单地写div并设置它的高度，宽度等。但是当你有很多div时，最好使用一个ID。

4、我们可以放入<span>标记并写入一些文本，然后用</span>关闭它。span标记通常用于选择行的一部分并对其应用某些属性。但是，您可以使用它来选择更多的操作。

代码实列：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        #box{
            width: 100px;
            height: 100px;
            background-color: aquamarine;
            border: 1px black solid;
        }
    </style>
</head>
<body>
    <div id="box">
        <p>标题</p>
        <span>内容 </span>
    </div>
</body>
</html>

实现效果：