<!DOCTYPE html>
<!--
作者：1357751126@qq.com
时间：2014-09-19
描述：
>>>>
#.X{
display: inline| block| none; --显示属性：内联 | 块 |不显示;
}
-->
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
display: inline;
}
a{
display: block;
}
</style>
</head>
<body>
<!--
作者：1357751126@qq.com
时间：2014-09-18
描述：
block元素的特点(---块---元素)
①总是在新行上开始；
②高度，行高以及外边距和内边距都可控制；
③宽度缺省是它的容器的100%，除非设定一个宽度。
④它可以容纳内联元素和其他块元素
inline元素的特点(---内联---元素)
①和其他元素都在一行上；
②高，行高及外边距和内边距不可改变；
③宽度就是它的文字或图片的宽度，不可改变
④内联元素只能容纳文本或者其他内联元素
-->
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
<div id="div4">div4</div>
<div id="div5">div5</div>
<a href="#">a1</a>
<a href="#">a2</a>
<a href="#">a3</a>
<a href="#">a4</a>
<a href="#">a5</a>
</body>
</html>
<!--
作者：1357751126@qq.com
时间：2014-09-19
描述：
>>>>
#.X{
display: inline| block| none; --显示属性：内联 | 块 |不显示;
}
-->
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{
display: inline;
}
a{
display: block;
}
</style>
</head>
<body>
<!--
作者：1357751126@qq.com
时间：2014-09-18
描述：
block元素的特点(---块---元素)
①总是在新行上开始；
②高度，行高以及外边距和内边距都可控制；
③宽度缺省是它的容器的100%，除非设定一个宽度。
④它可以容纳内联元素和其他块元素
inline元素的特点(---内联---元素)
①和其他元素都在一行上；
②高，行高及外边距和内边距不可改变；
③宽度就是它的文字或图片的宽度，不可改变
④内联元素只能容纳文本或者其他内联元素
-->
<div id="div1">div1</div>
<div id="div2">div2</div>
<div id="div3">div3</div>
<div id="div4">div4</div>
<div id="div5">div5</div>
<a href="#">a1</a>
<a href="#">a2</a>
<a href="#">a3</a>
<a href="#">a4</a>
<a href="#">a5</a>
</body>
</html>
扫一扫
150
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
