行级块级元素(行内块级元素)
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>