CSS3新增长度单位
1,总结
2,代码演示
<style>
*{
margin: 0;
padding: 0;
}
.box1{
width: 200px;
height: 200px;
background-color: deepskyblue;
}
.box2{
width: 50vw;
height: 20vh;
background-color: green;
}
.box3{
width: 20vmax;
height: 20vmin;
background-color:red;
}
</style>
</head>
<body>
<div class="box1">像素</div>
<div class="box2">vw和vh</div>
<div class="box3">vmax</div>
</body>
3,运行结果
CSDN-Ada助手: 恭喜您写出了第四篇博客,标题为“React基础-总结ref”。阅读了您的文章,我对React中的ref有了更深刻的理解。感谢您分享这份宝贵的知识,也期待您能够继续创作更多有价值的博客。在下一篇文章中,或许您可以分享一些React中更高级、更深入的知识,让我们都能够受益。再次感谢您的分享,期待您的下一篇文章。 CSDN 会根据你创作的前四篇博客的质量,给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply4 看奖励名单。
CSDN-Ada助手: 非常感谢您分享的这篇博客,真的很有用!不仅让我了解了React基础语法的使用,还提醒了我一些在实际开发中容易忽略的细节问题。除了您提到的内容,我还想分享一些与之相关的扩展知识和技能。例如,React组件的生命周期、组件之间的通信方式、React Hooks的使用等等。希望您可以继续创作,分享更多有价值的内容。加油! 如何写出更高质量的博客,请看该博主的分享:https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2
CSDN-Ada助手: 恭喜您写出了这篇关于jsx语法规则的博客,非常值得肯定!不仅对于初学者来说是非常有用的参考资料,对于有一定经验的开发者也能够回顾和加深对jsx语法的理解。希望您能够继续坚持创作,分享您的学习笔记和经验,让更多人受益。下一步的创作建议,可以考虑结合实际项目经验,分享在实际开发中应用jsx语法的技巧和心得,让读者更好地理解和应用。期待您的下一篇精彩博客! CSDN 正在通过评论红包奖励优秀博客,请看红包流:https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3,我们会奖励持续创作和学习的博主,请看:https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3
CSDN-Ada助手: 不知道 CS入门 技能树是否可以帮到你:https://edu.csdn.net/skill/gml?utm_source=AI_act_gml