学习Python的一天

哈喽，大家好，今天又是学习Python的一天。上一章我们讲到网页，并且做了个结构。下面我们就来讲一下用css来修饰页面。

我们说到css要放在static文件下，所以我们要在static文件下创建一个叫css的文件名，在css下在创建index.css文件，要记好这个创建顺序。好我们看一下张图

css中有许多元素，像第一个body,意思就是说我们在html中body的样式和结构要变化，我们是这样写的

Body {

}，大括号就是我们要改变的样式或者结构。像我写的

margin:0;就是说body外面的距离为零，我们叫外边距为零，padding:0;是说body内边距为零。为什么要这样设置呢？就是因为我们的页面是展示在浏览器上，而浏览器有不同的品牌，我们防止页面在不同的浏览器出现结构不一样，我们就把body的内外边距都设为零。

下一个就li，我们在把图片和文字都放在html里的li结构上，而li结构在展示的时候会有一个默认的点，我们为了图片和文字的好看就去掉这个的，我们就用到list-style:none;第三个就是nav,nav是我们的导航栏，所以为了显眼和好看，我们先用width:70%;设置一下宽度，因为每个屏幕的不同，我们设置占当前屏幕的70%，高度为50px,背景颜色设置为cadetBlue的颜色。而position是位置，relative就是说我们设nav为相对位置，相对位置就是说它是以它父一级为起点，它的父一级就是body，设置好要移动多少距离，我们就用left:15%;是说向左移动当前屏幕的15%。

第四个就是nav h3，是说要改变导航栏里的三级标题，它在这里设置relative就是说以nav为起点，设置离它的距离，我们是设左边5%，top:30%;是设置上边离它的距离为30%,因为h3设置出来的是块状元素，是占单独一行的，我们要把它变成行内元素，就用display:online;变成行内元素就不会单独占一行。而margin-left是说外边距距离为15%。

下一章在讲这一张图片。