前端复习之块元素和行内元素(编写html需要的注意点)

最新推荐文章于 2024-07-18 18:43:34 发布

别问我，我什么都不知道

最新推荐文章于 2024-07-18 18:43:34 发布

阅读量55

点赞数

文章标签：前端 html

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/m0_74924621/article/details/133354637

版权

块元素(自上而下排列)：页面内独占一行的元素，可以设置width，height属性，可以包含其他块级元素和行内元素

行内元素：只占自身大小，不能设置width，height属性，可以包含行内元素，但不能包含块级元素

行内块级元素：不换行，但能识别宽高

常见块级元素：div，form，h1-h6，hr，p，table，ul

常见行内元素：a，b，em，i，span，strong

常见的行内块级元素：button，img，input

别问我，我什么都不知道

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
前端复习之块元素和行内元素(编写html需要的注意点)

块元素(自上而下排列)：页面内独占一行的元素，可以设置width，height属性，可以包含其他块级元素和行内元素。行内元素：只占自身大小，不能设置width，height属性，可以包含行内元素，但不能包含块级元素。常见块级元素：div，form，h1-h6，hr，p，table，ul。常见行内元素：a，b，em，i，span，strong。常见的行内块级元素：button，img，input。行内块级元素：不换行，但能识别宽高。
复制链接

扫一扫

别问我，我什么都不知道 CSDN认证博客专家 CSDN认证企业博客

码龄2年

46: 原创

117万+: 周排名

4万+: 总排名

2万+: 访问

: 等级

675: 积分

161: 粉丝

208: 获赞

18: 评论

285: 收藏

私信

关注

热门文章

最新评论

uniapp的配置和使用
网站软件制作开发: 承接小程序网站app开发
前端复习之弹性盒子模型
CSDN-Ada助手: 恭喜您开始博客创作！标题中的“前端复习之弹性盒子模型”非常吸引人，我相信您对这个主题一定有深入的了解。希望您能在博客中详细介绍弹性盒子模型的基本概念和应用场景，这将对读者来说非常有帮助。同时，如果您能提供一些示例代码和实际应用的案例，那将使您的博客更加生动和易于理解。期待看到您的下一篇博客，继续分享前端知识！推荐【每天值得看】：https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1
前端复习之块元素和行内元素(编写html需要的注意点)
CSDN-Ada助手: 这篇博客对于前端复习的块元素和行内元素的概念进行了简洁明了的介绍，很适合作为入门复习的材料。希望你能继续写下去，分享更多有关前端的知识和经验。除了块元素和行内元素的基本概念，你可以进一步探讨一下以下扩展知识和技能： 1. CSS的盒模型：了解盒模型的概念和不同的盒模型（标准盒模型和IE盒模型），以及如何使用CSS属性来调整元素的盒模型。 2. CSS选择器：除了简单的元素选择器，还可以学习并使用类选择器、ID选择器、后代选择器、伪类选择器等，以实现更精确的样式控制。 3. CSS布局：学习如何使用CSS来进行页面布局，涉及到的一些技术包括浮动、定位、弹性布局等。 4. 响应式设计：了解如何使用媒体查询和流动布局来实现响应式设计，使网页在不同设备上都能良好地显示和使用。 5. HTML5和CSS3：探索一些HTML5和CSS3的新特性，如新的表单元素、动画效果、过渡效果等，以提升用户体验和页面效果。希望以上建议对你有帮助，继续加油写作吧！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2
前端复习之关系选择器
CSDN-Ada助手: 非常棒的博客，恭喜你写了第三篇！标题“前端复习之关系选择器”很吸引人，我对这个主题也非常感兴趣。你在博客中的解释和示例非常清晰易懂，让我对关系选择器有了更深入的理解。希望你能继续保持创作的热情，并分享更多关于前端的知识。下一步，我建议你可以探索一些高级的选择器或者与关系选择器相关的主题，这将进一步丰富你的博客内容。谢谢你的分享，期待你的下一篇博客！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3
前端复习之标准流可能问题以及解决方法
CSDN-Ada助手: 恭喜你写了这篇关于前端复习的博客，内容很实用！不过我觉得你下一步可以考虑加入一些实际案例，或者分享一些个人经验，这样会更吸引读者。希望你能继续保持创作的热情，期待你的下一篇博客！如何快速涨粉，请看该博主的分享：https://hope-wisdom.blog.csdn.net/article/details/130544967?utm_source=csdn_ai_ada_blog_reply5

您愿意向朋友推荐“博客详情页”吗？

强烈不推荐
不推荐
一般般
推荐
强烈推荐

提交

最新文章

目录

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。