CSS学习笔记01-块元素和内联元素.html

来源:互联网 发布:win系统传文件到mac 编辑:程序博客网 时间:2024/05/22 02:03
<!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>
0 0
原创粉丝点击