day14-chrome查看html样式基本操作

简述

下面我们就来说说，div标签，标签之前的嵌套，标签存在的意义，以及如何使用chrome浏览器查看元素的使用

div标签

说明：div是块级标签，也是白板标签

<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
</body>

解析：可以看出div属于块级标签，一个div占了一整行。

标签之间嵌套

<body>
    <div>
        <div>
            <span>123</span>   #div下嵌套span标签
        </div>
    </div>
    <div>
        <p>456</p>   #div下嵌套了p标签
    </div>
</body>

解析：可以看出我们可以对标签之间进行嵌套。

那么这么做有什么意义呢？

后面我们对标签里面增加相应的属性后，可以对其进行css的操作，js的操作。

chorme审查元素的使用

定位

 

查看样式

 

posted @ 2018-06-07 15:06  Mr.hu  阅读(123)  评论(0)    收藏  举报