这个网站是一个用于创建HTML和CSS布局的网站。它使用了一些特定的类名（例如 .gridFixed，.gridLayout等）来控制页面的布局和样式。
.gridFixed {position: fixed; top: 0; left: 0; right: 0; z-index: 99}：这个类名定义了一个固定的定位样式，使得元素在页面中的位置被固定，并且设置了元素的z-index值为99，以便在后续的滚动中保持其可见性。
.gridLayout {width: auto; background-repeat: no-repeat; background-position: 50%; background-size: cover}：这个类名定义了网格布局的样式。它设置了背景图像的自动宽度（width: auto），并指定背景图像的垂直居中（background-position: 50%）和背景图像大小覆盖整个容器（background-size: cover）。
.gridLayout > div > .row > .edit {height: inherit}：这个类名定义了一个编辑框的高度继承。这意味着如果子元素具有相同的高度属性，那么父元素的相应子元素的高度将与子元素相同。
.gridLayout .gridSub {min-height: 50px}：这个类名定义了一个网格子区域的最小高度。这意味着如果网格子区域的内容少于50像素高，它将使用此高度作为最小高度。
.gridLayout.gridFixed{transition:background-color .3s}：这个类名定义了背景颜色的过渡效果。它设置了过渡时间为0.3秒，这意味着当背景颜色发生变化时，页面会平滑地过渡到新的颜色。
.CImage h1, .CImage h2, .CImage h3, .CImage h4, .CImage h5, .CImage h6{font-weight: 400}：这个类名定义了标题字体的重量。这里选择了400，意味着标题将使用加粗样式。
.CImage .CImage_box{width: 100%; height: 100%; position: relative; display: block}：这个类名定义了一个包含图片的盒子的样式。盒子的宽度和高度都设置为100%，位置为相对定位，并设置了显示属性为block，这意味着图片将以块级元素的形式呈现。
.CImage .CImage_box:hover：这个类名定义了鼠标悬停事件。当鼠标悬停在包含图片的盒子上时，将触发此事件。
