@charset "utf-8";
html{
/* px 表示 “像素（pixels）”: 基础字号为 10 像素 */
font-size: 10px;
/* Google fonts 输出的 CSS */
font-family: 'Open Sans', sans-serif;
/*background-color: ; --背景色*/
}
h1{
font-size: 45px;
text-align: center;/*居中*/
margin: 0;/*覆盖默认样式*/
padding: 20px 0;/*上下内边距20像素*/
text-shadow: 3px 3px 1px black;
/*为文本提供阴影，第一个值设置水平偏移值 —— 即阴影右移的像素数（负值左移）。
，第二个值设置垂直偏移值 —— 即阴影下移的像素数（负值上移）。
，第三个值设置阴影的模糊半径 —— 值越大产生的阴影越模糊。
，第四个值设置阴影的基色。*/
}
h2
{
font-size: 35px;
}
h3{
font-size: 28;
}
h4{
font-size: 25;
}
li{
font-size: 14px;
line-height: 2;
letter-spacing: 1px;
color: blue;
}
.image ul li {
padding-left: 5px;
padding-top: 5px;
}
#image-list{
list-style: none;
display: flex;
/* justify-content: space-around; */
flex-wrap: wrap;
margin-left: 10px;
}
.moreimg{
text-decoration:none
}
p{
font-size: 14px;
line-height: 2;
letter-spacing: 1px;
}
/*body {
width: 600px;
margin: 0 auto;
background-color: #FF9500;
padding: 0 20px 20px 20px;
border: 5px solid black;
}
--width: 600px; —— 强制页面永远保持 600 像素宽。
margin: 0 auto; —— 为 margin 或 padding 等属性设置两个值时，第一个值代表元素的上方和下方（在这个例子中设置为 0），而第二个值代表左边和右边（在这里，auto 是一个特殊的值，意思是水平方向上左右对称）。你也可以使用一个，三个或四个值，参考 这里 。
background-color: #FF9500; —— 如前文所述，指定元素的背景颜色。我们给 body 用了一种略微偏红的橘色以与深蓝色的 元素形成反差，你也可以尝试其它颜色。
padding: 0 20px 20px 20px; —— 我们给内边距设置了四个值来让内容四周产生一点空间。这一次我们不设置上方的内边距，设置右边，下方，左边的内边距为20像素。值以上、右、下、左的顺序排列。
border: 5px solid black; —— 直接为 body 设置 5 像素的黑色实线边框。
*/
img{
display: block;/*给予块级行为*/
margin: 0 auto;
}
a{
color: brown;
}