p{
width: 200px;
height:100px;
padding: 10px;
border: 1px solid #000;
margin: 20px;
}
二、布局方式
CSS提供了多种布局方式，包括块级布局、行内布局、表格布局、定位和弹性布局等。其中，弹性布局目前越来越成为主流的布局方式。
块级布局：块级元素会在页面中被单独换行显示。块级元素的特点是可以设置宽度和高度、内外边距，同时也支持定位。
行内布局：行内元素则会在一行中排列，不能设置宽高，只能设置左右内外边距。
表格布局：通过CSS中的table相关属性，可以实现表格的布局。表格布局适用于那些需要使用表格进行页面布局的情况。
定位：CSS提供了relative、absolute、fixed三种定位方式，通过对元素的定位，可以实现精准的布局效果。
弹性布局：弹性布局的目的是实现页面在不同设备上的适配，使页面能够自适应各种屏幕尺寸。弹性布局通过对容器和元素的灵活控制，可以实现页面的自适应。
三、布局原则
CSS布局的基本原则是无害性、独立性、可重用性和可扩展性。换言之，CSS布局应该遵循不破坏页面结构、布局之间互不干扰、代码可复用、代码可扩展的原则。
盒模型、布局方式以及布局原则是CSS布局的基本思想，对于打造高质量的页面布局具有非常重要的作用。在实际应用中，需要根据实际需求和具体情况，选择合适的布局方式和技术手段进行实现。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
