【校招VIP】html5:块级元素

08月24日 收藏 0 评论 0 前端开发

【校招VIP】html5:块级元素

转载声明:文章来源https://blog.csdn.net/qq_45158336/article/details/119332418

最常见块级元素:div

div的属性:

<div title="title属性">title属性</div>

 title属性:

当鼠标悬停在div上时候会有一个小的提示框 

<div id="div1">div1</div>

id属性可以理解为为当前div提供一个唯一标识,可以理解为我们的身份证号

<div class="box1">box1</div>

 class属性是为当前div定义一个类名,以后学到css时候会在style标签内运用.class获取类名为其设计样式

<div style="color: red;">我是一个div</div>

style属性当前div设计简单的样式

<div style="border: 1px solid red">我是一个块级元素</div>

当我们在div内写内容的时候,div的高度会由内容的高度决定,也可以使用hight来修改

<div style="border: 1px solid rgb(0, 0, 0) ;height:100px">我是一个块级元素</div>

border为设置边框 厚度为1px(像素), solid表示的是实线,(dashed表示的是虚线),rgb为取色器,括号内内容为颜色坐标(rgba也是取色器,a是设置其透明度,取值为0-1之间)

块级元素特点:

独占一行空间

默认宽度为100%

高度由子元素或内容决定

可以通过css指定其宽度

块级元素包括:html、body、div、p、h1~h6、ul->li、ol->li、dl->dd/dt、header、footer、nav、article、section、aside、address...

目前使用最多的就是div,div属于无样式的块级元素,div后面那些都是在div的基础上加了内嵌样式,所以div适用的上述四种属性,在其他后面那些样式里面也同样适用

以下介绍几个写代码小技巧(彩蛋):

div.class回车 == <div class="class"></div>

div>div ==

还有朋友在写代码时候发现在div里面写不了空格占位,或者是写一堆空格只能显示一个空格的

以下为大家提供参考:


 


C 0条回复 评论

帖子还没人回复快来抢沙发