在网页设计中，CSS是一个非常重要的工具。 CSS可以让我们控制网页的样式，字体，颜色，排列等等。其中，有两个非常常用的属性：display和position。
display
display属性可以让我们控制元素在页面中的显示方式。有很多种可能的值，比如“block”，“inline”，“flex”，“grid”等等。
block元素是指那些会占据整行的元素，比如段落，标题，div等等。它们会在前面和后面自动添加一些空白的区域，使它们在页面中有明显的起点和终点。而inline元素则是指那些不会占据整行空间的元素，比如超链接，图片等等。它们会和其他inline元素一起排成一行，直到一行排不下为止，再换行。
display属性还可以让我们控制元素的可见性，比如“none”可以让元素完全消失在页面中，不占据任何空间。这对于一些动态交互的效果非常有用。
position
position属性可以让我们控制元素在页面中的位置。有四种可能的值：static，relative，absolute和fixed。
static是默认值，元素会按照文档流排列。relative会让元素相对于它原来的位置进行偏移，而不会影响其他元素的位置。absolute会让元素相对于它最近的有定位属性（比如relative或者absolute）的祖先元素进行定位。而fixed会让元素相对于浏览器窗口进行定位，意味着当页面滚动时，这个元素的位置不会改变。
总的来说，display和position属性是CSS中非常重要的两个属性，我们需要在实际开发中灵活运用，以达到最好的视觉效果和用户体验。
