校园信息网站 欢迎来到我们的校园信息网站！我们为您提供了丰富多彩的校园资讯，帮助您了解各种学校的信息和特色。
页面布局与样式
该网站采用了简洁明了的页面布局，以清晰展示不同校园的信息为主。主要使用了.campuses类来设置整个学校的通用样式，以及.campuses p类来定义段落文本的样式。同时，通过媒体查询(media query)实现了响应式布局，在不同屏幕尺寸下提供良好的浏览体验。
当页面宽度小于等于991.98像素时，.campuses类中的.sct-1 div[class*=wrapper]元素的高度会被设置为135%,以适应较小的屏幕空间。此外，.sct-1 div[class*=wrapper] div[class*=title]元素的宽度也会根据屏幕宽度进行调整，以确保标题在不同设备上都能居中显示。
对于.campuses .sct-2 .cont元素，通过添加border:0 solid red;样式，可以移除默认的边框线。同时，使用display:flex;和flex-direction:column;将子元素排列成垂直方向的容器，并通过padding-bottom:109px;和padding-top:131px;调整内边距。在较小屏幕尺寸下，这些样式会生效，以适应更紧凑的布局。
该校园信息网站采用了简洁的页面布局和灵活的响应式设计，能够适应不同设备和屏幕尺寸的需求。无论您是想了解学校信息、查找招生资讯还是参与在线交流，这个网站都能为您提供便捷和丰富的功能。
