以下是根据提供的素材,我创建的一个简单的网站样式的Markdown文档。这个样式主要包括了基础的文本样式设置:如字体、颜色、间距等,以及标题(h1、h2和h3)的样式设置。

Base 样式

/* Base */
body { color: #333; font: 14px Verdana, "Helvetica Neue", helvetica, Arial, 'Microsoft YaHei', sans-serif; margin: 0; padding: 0 20px 20px; word-break: break-word; }
h1{ margin: 10px 0 0; font-size: 28px; font-weight: 500; line-height: 32px; }
h2{ color: #4288ce; font-weight: 400; padding: 6px 0; margin: 6px 0 0; font-size: 18px; border-bottom: 1px solid #eee; }
h3.subheading { color: #4288ce; margin: 6px 0 0; font-weight: 400; }
h3{ margin: 12px; font-size: 16px; font-weight: bold; }

以上CSS代码可以用于设置网页的主要布局和文字样式。在HTML文件中引用这段样式代码,即可应用这些样式。例如,如果你有一个标题元素<h1>,你可以通过添加类subheading来应用.subheading h3的样式,如下所示:<h1 class="subheading">这是一个标题</h1>,这样,该标题的颜色就会变成紫色且有特定的字体大小和加粗效果。