diff --git a/about.html b/about.html
new file mode 100644
index 0000000000000000000000000000000000000000..b021d8e282ef14b140b888fd4aa97bdd3d7be9c8
--- /dev/null
+++ b/about.html
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
diff --git a/contact.html b/contact.html
new file mode 100644
index 0000000000000000000000000000000000000000..b021d8e282ef14b140b888fd4aa97bdd3d7be9c8
--- /dev/null
+++ b/contact.html
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..8a1ddc2ebee49370c6eb546f53581aee6ae77795
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,78 @@
+/* 首先要清除样式，因为浏览器有默认样式，需要进行清除 */
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+ /* 设置box-sizing为border-box的原因是防止之后给元素添加padding的时候不会影响到整体的布局 */
+}
+
+/* 设置主要内容的样式 */
+html,body{
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ /* 一个比较好的字体样式，可以根据自己的喜好选择 */
+}
+
+/* 设置a标签的样式 */
+a{
+ color: #333;
+ text-decoration: none;
+ /* 将a标签的下划线去除 */
+}
+
+/* 设置标题标签的样式 */
+h1,h2,h3{
+ padding-bottom: 20px;
+ /* 设置这些元素的下内边距为20px */
+}
+
+/* 容器样式，使用的页面可能会很多所以统一进行设置 */
+.container{
+ margin: 20px 0;
+ max-width: 1100px;
+ overflow: hidden;
+ /* 防止margin塌陷和清除浮动 */
+ padding: 0 20px;
+}
+
+/* 设置导航栏样式 */
+#navBar{
+ background: #333333;
+ color: white;
+ overflow: auto;
+ /* 如果元素中的内容超出了给定的宽度和高度属性
+ overflow 属性可以确定是否显示滚动条等行为。 */
+ /* auto为自动判断 */
+}
+
+/* 导航栏中的a标签之前设置的颜色#333和导航栏背景颜色冲突
+ 所以要重新给定导航栏中的a标签的颜色*/
+ #navBar a{
+ color: white;
+ }
+
+ /* 导航栏中的whkgogo文字部分是h1，需要该部分左浮动*/
+ #navBar h1{
+ float: left;
+ padding-top: 20px;
+ }
+
+ /* 导航栏中的列表是ul标签，需要右浮动，并且需要清除默认的样式 */
+ #navBar ul{
+ float: right;
+ list-style: none;
+ /* 清除默认样式 */
+ }
+
+ /* 导航栏标签列表中的li标签样式 */
+ #navBar ul li{
+ float: left;
+ }
+
+ /* 导航栏li标签列表中的a标签样式 */
+ #navBar ul li a{
+ display: block;
+ /* 此元素将显示为块级元素，此元素前后会带有换行符。 */
+ padding: 20px;
+ text-align: center;
+ }
+
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..87e39e10c6fe4085bd2bd3c0d186d0a08bcf202c
--- /dev/null
+++ b/index.html
@@ -0,0 +1,42 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ whkgogo的主页
+
+
+
+
+
+