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

最新推荐文章于 2023-05-28 23:44:03 发布

丶我不是超人

最新推荐文章于 2023-05-28 23:44:03 发布

阅读量288

点赞数

分类专栏： HTML+CSS相关

本文链接：https://blog.csdn.net/Amdrose/article/details/81123743

版权

HTML+CSS相关专栏收录该内容

9 篇文章 0 订阅

订阅专栏

行级块级元素（行内块级元素）
       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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

丶我不是超人

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
行级元素块级元素行内块级元素

行级块级元素（行内块级元素） 1、能设置宽高 2、能和其他元素待在同一行常见的行内块级元素：img 表单&lt;style&gt; img{ width: 300px; height: 300px; }&lt;/style&gt;&lt;body&gt; &lt;img src="tupian.jpg" /...
复制链接

扫一扫