行级元素 块级元素 行内块级元素

行级块级元素(行内块级元素)
        1、能设置宽高
        2、能和其他元素待在同一行
        常见 的行内块级元素:img 表单

<style>
    img{
	width: 300px;
	height: 300px; 
    }
</style>
<body>
    <img src="tupian.jpg" /> <img src="tupian.jpg"/>
</body>

行级元素
        1、不能设置宽高
        2、能和其他元素待在同一行
        常见的行元素:a span strong em u

<style>
    a{
        width: 300px;
        height: 40px;
        /*边框:粗细 线条样式 颜色*/
        border: 2px solid red;
				
}
</style>
<body>
    <a href="">百度</a>
    <a href="">百度</a>
    <a href="">百度</a>
</body>

块级元素
        1、能设置宽高
        2、独占一行不和其他元素待在同一行
        常见的块级元素:div p ul li h1-h6

<style>
    p{
        width: 300px;
	height: 40px;
	/*边框:粗细 线条样式 颜色*/
	border: 2px solid blue;			
    }
</style>
<body>
    <p>私人网站</p>
    <p>私人网站</p>
    <p>私人网站</p>
</body>

猜你喜欢

转载自blog.csdn.net/amdrose/article/details/81123743