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

一、引子

　　进行说说div 标签，据说是使用频率最高的标签。标签之间的嵌套，标签存在的意义，以及如何使用chrome浏览器查看元素的使用。

二、开搞

div 标签时块级标签，也是白标标签，跟span 一个样，

1 <body>
2     <div>Hello world</div>
3     <div>Hello world</div>
4     <div>Hello world</div>
5 
6 </body>

效果如下：

三、标签的 嵌套

1 <div>
2         <div>
3             <div>
4                 Hello world ,我很牛掰
5             </div>
6         </div>
7     </div>

效果如下：

问：那标签存在的意义是什么呐？

答：页面的动态效果出来以后，要对页面上的某个文本进行css和js的操作，标签里面可以写属性，方便我们进行css和js的后期操作。

 

 四、chrome 查看html 样式

1、步骤：右击空白处--审查元素--点击放大镜，选中要查看的元素

2、也可以快捷方式 crtl+shift+i

 

 

 

posted @ 2018-05-16 14:15  东郭仔  阅读(212)  评论(0)    收藏  举报