章节
问答
课签
笔记
评论
占位
占位

我要独占一行 - 块级元素

什么是块级元素?在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。

a{display:block;}

块级元素特点:

1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行)

2、元素的高度、宽度、行高以及顶和底边距都可设置。

3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。

 

任务

我来试一试:感受一下块级元素的特点

在右侧代码编辑器中输入各种块级标签,试一试他们的特点。

这一小节没有正确性验证,单击“提交”按钮进入下一小节学习。

?不会了怎么办
||
1
2
<!DOCTYPE html>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后,能更快找到我哦~

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后,及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

最新回答 / 慕心上人3042358
<p>标签是段落标签,有空白行间隔是它的默认样式,你可以用css进行修改。

最新回答 / qq_慕村1439604
不一样,a最常用的方式是给一个超链接,指向另外的东西。而p是一个段落,它单独成段,且段中的2行文字间距默认比较大,就比较好阅读

最新回答 / Tomtu
其实跟上一节的内容类似,就是把标签前面的圆点换成序号而已,

已采纳回答 / 慕运维3443588
你只设置了div跟p标签的格式呀  没有设置h1

讲师回答 / 五月的夏天
是可以嵌套的

最新回答 / 星舟
<p>和<div>都是块状元素,你要把<p>变为行内元素,就可以包裹住了

最新回答 / 慕沐4207267
应该是和具体是是什么块元素有关系,div的同名就是无缝连接的,h1,p,都是要分段另起一行的

最新回答 / 慕粉1775925
CSS 背景 backround

最赞回答 / qq_德源3d24_FHLOP3
<div>        <p>慕课网</p>    </div>div标签成为p标签的父元素,也是父容器最外面的那个就叫做父元素和父容器   ,不管是什么标签,只要是在最外面的那个都是父级别的

最赞回答 / weibo_慕沐90987
<...图片...><...图片...>    以10-10教的text-align來說明,如上圖首先看第二張(下)圖,text-align這個樣式代碼只能把"塊狀元素"進行設定,而屬於行內元素的a標籤是沒辦法進行設定的。再看看第一張圖(上)圖,多了一個a{display:block;}就可以把a標籤設定成"塊狀元素",所以變成"塊狀元素"的a標籤也可以實現a{text-align:center;}的水平居中效果了。

最赞回答 / 慕设计358977
已经是块状元素,你可以通过设置背景颜色看看就能看出来了<...图片...><...图片...>
全部 我要发布
最热 最新
只看我的

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

账号登录 验证码登录

遇到问题
忘记密码

代码语言