为了账号安全,请及时绑定邮箱和手机立即绑定

块级元素的使用

各位大神,谁能和我详细讲一下块级元素,最好有例子,我没有看明白!谢谢了

正在回答

4 回答

a{display:block;}      //块元素独占一行,如果加上a{display:block;} 每个a标签作为块,独占一行,

显示:1111

           2222

不加这个a{display:block;}

显示:11112222

<a>1111</a><a>2222</a>

成为块是为了控制样式,有些样式标签不能控制的

2 回复 有任何疑惑可以回复我~
#1

手尖下的世界 提问者

非常感谢!你的讲解挺详细的,我看明白了
2016-05-15 回复 有任何疑惑可以回复我~
#2

一骑红尘妃子笑 回复 手尖下的世界 提问者

不客气,互相学习
2016-05-18 回复 有任何疑惑可以回复我~

块级元素与内联元素相对,块级元素有四个特性:1.以新行来开始结束2.其高度,行距等属性值可以通过设置而改变3.宽度缺省是它的容器的100%,除非设定一个宽度4.它可以容纳内联元素和其他块元素。比如对于块级元素div,示例其内又容纳了div:

<style type="text/css">

div{

    width:300px;

    height:300px;

border:1px solid red;

}

#box1{margin-bottom:50px;}

#box2{margin-bottom:10px;}

</style>

</head>

<body>

    <div id="box1">

    box1

    <div id="box2">box2</div>

    </div>   

</body>


0 回复 有任何疑惑可以回复我~

快元素默认独占一行,宽度默认100% 块级元素有:<p></p> <div></div><h1></h1>...<hr> <ul></ul> <ol></ol>...  你可以加个backgroundcolor就可以分辨出来块级元素和行内元素的去别的 

0 回复 有任何疑惑可以回复我~

同在自学!

简单理解来说就是块级元素都是独自占据一行的!

比如 <p>..</p> <div></div>这行代码

即使放在编辑器内的一行之内

显示出来的效果也会是两行!

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225293    人
  • 解答问题       18230    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

块级元素的使用

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信